Google Mapsの情報ウィンドウに解析済みデータを表示

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));