javascript - 谷歌地图故障 : Closures & Passing By Reference

Question

我遇到了一些 Google map /Javascript 问题。我想我知道问题出在哪里，但就是不知道解决办法。

我的问题的一个例子是 here .无论您点击什么标记，第二个都会出现。我显然将错误的信息传递到我的事件监听器中，但我似乎无法获得正确的代码。这是代码的一部分:

首先，这是我的部分代码:

if (GBrowserIsCompatible() && mapResults != null) {
  // Read in the JSON
  var mapDetailsArray = loadJSON();

  // Create a map
  var map = new google.maps.Map2(document.getElementById(elementId));
  map.setCenter(new google.maps.LatLng(mapDetailsArray[0].getLatitude(),
      mapDetailsArray[0].getLongitude()), 13);
  map.addControl(new google.maps.SmallMapControl());

  // Add the points and center
  var mgr = new google.maps.MarkerManager(map);
  var bounds = new google.maps.LatLngBounds();
  for ( var i = 0; i < mapDetailsArray.length; i++) {
    var mapDetails = mapDetailsArray[i];

    var point = new google.maps.LatLng(mapDetails.getLatitude(), mapDetails
        .getLongitude());
    bounds.extend(point);

    // Create our marker
    var marker = new google.maps.Marker(point);

    // What action do we use to show the hover
    var infoAction = "mouseover";

    marker.value = mapDetails;

    google.maps.Event.addListener(marker, infoAction, function() {
      alert(marker.value);
      map.openInfoWindowHtml(point, getResultInfoContent(marker.value));
    });

    mgr.addMarker(marker, 1);
  }
  mgr.refresh();
}

“marker.value”总是最终设置为 mapDetails 的最后一个值。如果有的话，我希望它是“未定义的”，因为一旦循环结束，那个值不应该消失吗？我已经尝试了各种不同的值(例如 marker.value = i+1;)，但对于两个点，它仍然会显示为相同的值。

有人知道如何将正确的值传递给事件监听器吗？

Answer 1

改变这个:

google.maps.Event.addListener(marker, infoAction, function() {
      alert(marker.value);
      map.openInfoWindowHtml(point, getResultInfoContent(marker.value));
    });

为此:

google.maps.Event.addListener(marker, infoAction, (function(marker, point, map) { return function() {
      alert(marker.value);
      map.openInfoWindowHtml(point, getResultInfoContent(marker.value));
    }})(marker, point, map));

这将创建您想要的闭包。

为清楚起见拆分:

var f = function(marker, point, map)
{
    return function()
    {
        alert(marker.value);
        map.openInfoWindowHtml(point, getResultInfoContent(marker.value));
    }
}

google.maps.Event.addListener(marker, infoAction, f(marker, point, map));