1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41
| var mapOptions = {
center: new google.maps.LatLng(tableauPointsPolyline[tableauPointsPolyline.length-1][1], tableauPointsPolyline[tableauPointsPolyline.length-1][2]),
zoom: 4,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("ourTravelActu"),mapOptions);
var flightPlanCoordinates = new Array();
for(var i=0;i<tableauPointsPolyline.length;i++){
flightPlanCoordinates.push(new google.maps.LatLng(tableauPointsPolyline[i][1],tableauPointsPolyline[i][2]));
var latLng = new google.maps.LatLng(tableauPointsPolyline[i][1],tableauPointsPolyline[i][2]);
var marker = new google.maps.Marker({
map: map,
flat:false,
title:tableauPointsPolyline[i][0],
position: latLng
});
var contenuInfoBulle = '<h2>'+tableauPointsPolyline[i][0]+'</h2>' +
'<h3> Date : '+tableauPointsPolyline[i][4]+'</h3>' +
'<div class="contentInfo">'+tableauPointsPolyline[i][3]+'</div>';
var infoWindow = new google.maps.InfoWindow({
content : contenuInfoBulle,
position : latLng
});
google.maps.event.addListener(marker, 'click', function() {
infoWindow.open(map,marker);
});
markerArray.push(marker);
}
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map); |
Partager