Javascript 单击标记显示信息窗口内数组的内容

我得到了一个api端点，它返回一个地址数组和一些地址的价格信息，但它不返回lat/lang，因此我使用地理代码在地图上显示地址的标记，并在每次单击标记时显示信息窗口。现在，我希望infowindow的内容是从端点返回的数组中的地址的价格。希望到目前为止一切都很清楚。现在的问题是，每次我单击marker时，infowindow只会在每个infowindow上显示数组中的最后一个（相同）价格，而不会显示与该地址相关的价格。请查看下面的代码（或签入fiddlejs=>）。可能是我试图在asyn回调中调用sync，所以我尝试在初始api调用中使用$q.promise和resolve，并尝试在内部调用geocode.geocoder。然后，但还没有成功

    <div id="map-canvas"></div>
    function initialize() {
    var chicago = new google.maps.LatLng(41.850033, -87.6500523);
    var mapOptions = {
      zoom: 7,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: chicago
    }
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
    geocoder = new google.maps.Geocoder()
    var someArray = [{price: 10, address: 'cv64ad'}, {price: 20, address: 'cv59bp'}]
    for (var i = 0; i < someArray.length; i++) {
      var home = someArray[i]
      console.log(home.address)

      geocoder.geocode({'address': home.address}, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          map.setCenter(results[0].geometry.location);
          map.setZoom(12);
          for (var i in results) {
            var marker = new google.maps.Marker({
              position: new google.maps.LatLng(results[i].geometry.location.A, results[i].geometry.location.F),
              map: map
            })
            google.maps.event.addListener(marker, 'click', someCallback(home))
            infowindow = new google.maps.InfoWindow();
            function someCallback(home) {
              return function (e) {
                if (infowindow != null) {
                  infowindow.close();
                }
                infowindow.setContent('<div class="infoheading">' + home.price + '</div>');
                infowindow.open(map, this);
              }
            }
          }
        }
      })
    }
  }

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

函数初始化（）{
var chicago=new google.maps.LatLng（41.850033，-87.6500523）；
变量映射选项={
缩放：7，
mapTypeId:google.maps.mapTypeId.ROADMAP，
中心：芝加哥
}
map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
geocoder=new google.maps.geocoder（）
var someArray=[{price:10，地址：'cv64ad'}，{price:20，地址：'cv59bp'}]
for（var i=0；i

像这样：

诀窍是：创建一个包含标记对象的数组。 然后，在addListener（marker，'click'）中，检查哪些标记被点击；查看我的代码中的“indexOf”。 使用该索引，您可以读取someArray的正确项，并可以在其中添加任何需要的信息

var markers = [];
var map;
var infowindow;
function initialize() {
  var chicago = new google.maps.LatLng(41.850033, -87.6500523);
  var mapOptions = {
    zoom: 7,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: chicago
  }
  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  geocoder = new google.maps.Geocoder();
  var someArray = [{price: 10, address: 'cv64ad'}, {price: 20, address: 'cv59bp'}];

  for (var i = 0; i < someArray.length; i++) {
    var home = someArray[i];
    console.log(home.address);

    geocoder.geocode({'address': home.address}, function (results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        map.setZoom(12);
        for (var i in results) {
          var marker = new google.maps.Marker({
            position: new google.maps.LatLng(results[i].geometry.location.A, results[i].geometry.location.F),
            map: map
          });
          // push the marker on the markers array
          markers.push(marker);
          google.maps.event.addListener(marker, 'click', function (home) {
              if (infowindow != null) {
                infowindow.close();
              }
              // now, we want to know which of the markers we're talking about
              var index = markers.indexOf(this);
              infowindow.setContent('<div class="infoheading">' + someArray[index].price + '</div>');
              infowindow.open(map, this);
          });
          infowindow = new google.maps.InfoWindow();
        }
      }
    })
  }
}
google.maps.event.addDomListener(window, 'load', initialize);

var标记=[]；
var映射；
var信息窗口；
函数初始化（）{
var chicago=new google.maps.LatLng（41.850033，-87.6500523）；
变量映射选项={
缩放：7，
mapTypeId:google.maps.mapTypeId.ROADMAP，
中心：芝加哥
}
map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
geocoder=新的google.maps.geocoder（）；
var someArray=[{price:10，地址：'cv64ad'}，{price:20，地址：'cv59bp'}]；
for（var i=0；i

谢谢Emmanuel，它帮助并解决了问题……我更倾向于这一点，因为它工作得非常完美。感谢您在评论中提出完整的代码并解释函数