var infoBulle = new google.maps.InfoWindow(); var maCarte; function initialize() { var dataEvent = new Array(); var optionsCarte = { zoom: 4, center: new google.maps.LatLng(,), mapTypeId: google.maps.MapTypeId.HYBRID } maCarte = new google.maps.Map(document.getElementById("googlemaps"), optionsCarte); var contenue; var point; var optionsMarqueur; var marqueur; for (var i = 0; i < dataEvent.length; i++) { point = new google.maps.LatLng(dataEvent[i][2], dataEvent[i][3]); optionsMarqueur = { position: point, map: maCarte, title: dataEvent[i][1] } marqueur = new google.maps.Marker(optionsMarqueur); contenue = '
' + '' + dataEvent[i][1] + '' + '
' + 'Place : '+dataEvent[i][0]+'
' + 'Date : '+dataEvent[i][5]+'
' + 'Type : '+dataEvent[i][4]+'
' + '
'; bindInfoWindow(marqueur, contenue); } } function bindInfoWindow(marqueur, info) { google.maps.event.addListener(marqueur, 'click', function() { infoBulle.setContent(info); infoBulle.open(maCarte, marqueur); }); }