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