i have solved the problem of placing multiple marker in google map.
now i have face the problem to draw a polyline between this markers.actually i am new to google map api.
my code:
value of $lat1
is
[["a, Ahmedabad, Gujarat 380001, India","23.0263517","72.5819013"],
["b, Ahmedabad, Gujarat, India","23.0690035","72.6801576"], ["c, Ahmedabad, Gujarat 380015, India","23.0171240","72.5330533"]]
<script type="text/javascript">
var markerarray=new Array();
var locations = <?php echo json_encode($lat1);?>;
var directionsService = new google.maps.DirectionsService();
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: new google.maps.LatLng(23.0171240, 72.5330533),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
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
});
markerarray[i] = (Array(locations[i][1], locations[i][2]));
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
var flightPath = new google.maps.Polyline({
path: markerarray,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);
</script>
I draw polyline using static value.but no success with dynamic value.
i use this example for draw polyline.but i have no idea how to use it with multiple markers.
Thanks in advance.
使用marker
-positions填充array
,并将该array
用作google.maps.Polyline
path
-option
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.