javascript - 谷歌地图多个标记clickevent

Question

我循环并放置了一些标记，但是当我点击一个标记时，它们都以相同的值响应

这是我的代码

  for(a=0; a < prod.length; a++){      
  // we add marker to map  
  var myLatlng = new google.maps.LatLng(prod[a]['lat'],prod[a]['lon']);
  var marker = new google.maps.Marker({
  position: myLatlng,
  map: map,
  title: prod[a]['name']+" \n"+prod[a]['description'],
  icon: image
  });        
  google.maps.event.addListener(marker, "click", function() {
    show_details(a);
  });      
}

函数 show_details，a 始终具有相同的值

我看过这里的其他答案，但这并没有解决我的问题。

Answer 1

异步编程/脚本中的典型问题。 a 变量传递，当点击事件运行时，因此，它的值是 for 循环完成后的值。您应该创建一个内部函数范围，并将 a 的值保存在一个变量中，该变量仅存在于该范围内。解决方案:

 (function(z){
    google.maps.event.addListener(marker, "click", function() {
       show_details(z);
    });    
 })(a);

a 变量也在回调函数之外。因此，如果您修改 a 的值(或 for 循环修改它)，并且在调用事件处理程序时，它会看到修改后的 a .

帮助链接:http://robertnyman.com/2008/10/09/explaining-javascript-scope-and-closures/ .