I tried this code but no luck with polylines,may be because of small issue, i couldn't get polylines that connect the markers.
I need to connect multiple marker with polylines any alternative code also is welcome.
var locations = [];
// call php array
var latitude = <?php echo json_encode($latitude); ?>;
var longitude = <?php echo json_encode($longitude); ?>;
for(var i=0;i<20;i++){
locations.push(["current",latitude[i], longitude[i]]);
}
var marker;
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 5,
center: new google.maps.LatLng(12.289774217827633, 76.30976921188685)
});
var flightPath = new google.maps.Polyline({
path: locations,
geodesic: true,
strokeColor: '#000000',
strokeOpacity: 1.0,
strokeWeight: 3
});
flightPath.setMap(map);
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
}