Comment afficher l'info-bulle sur chaque marqueur Google Map

Question

Je suis confronté à un problème d'affichage de l'info-bulle sur chaque marqueur Google Map. Mais il affiche uniquement l'info-bulle sur un seul marqueur. Voici mon js tripoter http://jsfiddle.net/amit4mins/6UnTr/35/

$(document).ready(function(){ 
    var locations=[ 
     ['loc1',40.23, -70.34], 
     ['loc7',40.23, -70.34], 
     ['loc8',40.23, -70.34], 
     ['loc2',41.24, -71.35], 
     ['loc3',42.25, -72.36], 
     ['loc4',43.26, -73.37], 
     ['loc5',44.27, -74.34], 
     ['loc6',45.28, -75.34], 
     ['loc6',46.29, -76.34]]; 
function initialize() { 
    console.log(locations); 
    var mapOptions = { 
     center: new google.maps.LatLng(-34.397, 150.644), 
     zoom: 3, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions); 

    var marker, i; 

    for (i = 0; i < locations.length; i++) { 

     var infoWindow = new google.maps.InfoWindow({ 
      content: locations[i][0], 
     }); 
     marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(locations[i][1], locations[i][2]), 
      map: map, 
      title:locations[i][0] 
     }); 
     google.maps.event.addListener(marker, 'click', function() { 
      infoWindow.open(map, marker); 
     }); 

    } 
    marker.setMap(map); 

} 
google.maps.event.addDomListener(window, 'load', initialize);  

}); 

Quelqu'un peut-il me faire savoir ce que je fais mal.

Merci beaucoup, M.

Answer 1

Changer ajouter votre code d'écoute comme ci-dessous

google.maps.event.addListener(marker, 'click', (function(mm, tt) { 
    return function() { 
     infoWindow.setContent(tt); 
     infoWindow.open(map, mm); 
    } 
})(marker, locations[i][0])); 

DEMO