Google Maps Marker Events显示错误信息

Question

我在使用Google Maps网络应用程序时遇到了麻烦，我试图在地图上添加标记，然后当用户单击该标记时，会显示标记的名称。

我将有关每个标记的信息存储在数组中，如下所示：

var citymap = {};
      citymap['edinburgh'] = {
        center: new google.maps.LatLng(55.934120, -3.226569),
        population: 284,
        image:clueImage,
        color: '#ff0000',
        elementId:'clue1'
      };
       citymap['clue2'] = {
        center: new google.maps.LatLng(55.970783, -3.164594),
        population: 284,
        image:clueImage,
        color: '#ff0000',
        elementId:'clue2'
      }
         citymap['clue4'] = {
        center: new google.maps.LatLng(55.939583, -3.202092),
        population: 284,
        image:clueImage,
        color: '#ff0000',
        elementId:'clue3'
      }
         citymap['clue9'] = {
        center: new google.maps.LatLng(0, 0),
        population: 284,
        image:clueImage,
        color: '#ff0000',
        elementId:'clue1'
      }

然后，我遍历数组并将标记添加到地图：

for (var city in citymap) {

       var playerMarker = new google.maps.Marker({
      position: citymap[city].center,
      map: map,
      icon: citymap[city].image
      });

      google.maps.event.addListener(playerMarker, "click", function() {
      var elementConnected = citymap[city].elementId;
     console.log(elementConnected);
    });

        }

一切都按预期工作，但是当我单击任何一个标记时，它们都记录了数组中最后一个标记的值。 我知道这是因为多数民众赞成在循环结束的地方，但我想不出一种方法来使这项工作。

帮助将非常有帮助！

Answer 1

我认为这是人们在Java语言中普遍存在的“关闭”问题。 有人可能会提供一种更好的方法，但是我认为您需要这样的东西：

google.maps.event.addListener(playerMarker, "click", (function() {
    return function () {
        var elementConnected = citymap[city].elementId;
        console.log(elementConnected);
    };
})(city));

或者，如果可能的话，这取决于您在click事件中要做的其他事情：

google.maps.event.addListener(playerMarker, "click", (function(elementId) {
    return function () {
        var elementConnected = elementId;
        console.log(elementConnected);
    };
})(citymap[city].elementId));