在 Google 地图的信息窗口中显示解析的数据

Question

我在尝试在 Google Maps Ionic 框架内的已解析 JSON 文件中显示对象数组中的事件名称时遇到问题。现在，我为每个事件显示了标记，其中包含一个名为“testing”的简单字符串，显示效果很好。问题是我不确定如何在此信息窗口中显示每个事件名称，而不是我创建的字符串。任何帮助，将不胜感激。我将发布我现在拥有的示例图像以及下面的信息窗口功能。谢谢！

我现在展示的内容：

here

标记/信息窗口功能：

getMarkers(){
//this.http.get('assets/data/markers.json').map((res)=>res.json()).subscribe(data=>{
  this.http.get('http://app.toronto.ca/cc_sr_v1_app/data/edc_eventcal_APR?limit=500').map((res)=>res.json()).subscribe(data=>{
this.addMarkersMap(data);
});
}


addMarkersMap(markers){
for(let marker of markers)
{
 var loc = marker.calEvent.locations[0]['coords'];

  console.log(loc);


  marker = new google.maps.Marker({
   position: loc,
  map: this.map,

  });


  var infoWindow = new google.maps.InfoWindow({
   content: markers.eventName

}); 

google.maps.event.addListener(marker, 'click', function(str)
{ 
   return function() {
           infoWindow.setContent(str);
           infoWindow.open(this.map, marker);
                     }
}(markers.eventName));

}
}

Answer 1

我纠正自己。您可以从这里的关闭中受益。 使用自调用函数将您的参数密封到信息窗口：

google.maps.event.addListener(marker, 'click', function(str)
                   { 
                      return function() {
                              infoWindow.setContent(str);
                              infoWindow.open(this.map, marker);
                                        }
                   }(markers.calEvent.eventName));