Google Maps API v3 - 이벤트가있는 컨텍스트가없는 이유는 무엇입니까?

Question

처음으로 Google Maps API v3을 사용하고 많은 마커가있는지도가 있습니다. 마우스로 클릭하면 특정 InfoWindow가 표시됩니다 (클릭 한 마커에 따라 다름). 클릭 이벤트가 클릭 한 실제 마커를 알려주지 않는다는 것에 정말 놀랐습니다!

나는 클로저를 만드는 별도의 방법을 사용하는 솔루션이 있지만 그것은 나에게 해킹처럼 보입니다. 그것을 할 수있는 더 좋은 방법이 있습니까? 또는지도에서 "이 위치에 어떤 마커가 있는지"묻고 이벤트 인수에서 해당 위치를 전달할 수 있습니까?

google.maps.event.addListener(marker, 'click', function(event, obj) 
{ 
    //Now I can work with "obj" - the thing that was clicked. 
}); 

Answer 1

이벤트 리스너에서 'this'를 참조해야합니다.

google.maps.event.addListener(marker, 'click', function(e) { 
    // this == marker; 
    // e == MouseEvent 
}); 

Answer 2

나는 그것을 시도하고 클릭 이벤트의 위치에 따라 마커 객체를 사냥하는 실수가 될 것이라고 생각 :

나는 이벤트는 다음과 같이 작동 할 것으로 예상. 클로저를 사용하여 특정 마커와 이벤트를 연결하는 것은 나에게 유효한 해결책처럼 보입니다. 나는 다음과 같은 함수를 만들 것입니다 :

function createMarker (point, map) 
{ 
    var marker = new google.maps.Marker({ 
      position: point, 
      map: map, 
      title: "blah"}); 

    marker.stuffOnTheMarker = "Some interesting stuff"; 

    var content = buildSomeContentForThisMarker(); 

    google.maps.event.addListener(marker, 'click', function() { 
      infowindow.close(); 
      infowindow.setContent(content); 
      infowindow.open(map,marker); 

      // access the marker than caused this event 
      alert (marker.stuffOnTheMarker); 
     }); 
} 

Answer 3

API로 어떻게 제공 되는가? 당신이 설명하는 것은 해킹입니다. 마커를 클릭하면 위도가 & lng 인 이벤트가 전달됩니다.

google.maps.event.addListener(marker, 'click', function(e) { 
    console.log(e); // { x: 0, y: 0 } 
});