ng2-map - 두 가지 이벤트 생성을 클릭하십시오.

Question

2 번도에 Google지도를 표시하기 위해 ng2-map을 사용하고 있습니다. 클릭 이벤트를 사용하여지도에서 클릭을 잡았습니다.

1) _.nk {latLng: _.F, pixel: _.z, ea: _.z, target: Ag} 
2) MouseEvent {isTrusted: true, screenX: 668, screenY: 278, clientX: 668, clientY: 158…} 

는 내가 필요하면 클릭 한 지점의 좌표와 나는 첫 번째 결과에서 무엇입니까 :하지만 주어진대로 클릭 한 번에 두 개의 이벤트를 생산하고있다. 그러나 두 가지 이벤트가 생성되므로 클릭 기능이 두 번 작동합니다. 첫 번째 이벤트가 발생한 후 두 번째 이벤트를 중지하거나 클릭 기능을 중지 할 수있는 방법이 있습니까? 어떤 도움을 주시면 감사하겠습니다. clickMap()에서

<ng2-map [zoom]="mapOptions.zoom" [minZoom]="mapOptions.minZoom" [center]="mapOptions.center" style="height:400px !important;" (click)="clickMap($event)"><ng2-map> 

Answer 1

넣어 :

clickMap(event){ 
event.stopPropagation(); 
....... 
} 

Answer 2

대신 click의 google.maps.Map 사용 mapClick 이벤트에 의해 트리거되는 이벤트에 응답하기를, 예를 들면 : 이것은 내가 사용하고 무엇

<ng2-map [zoom]="mapOptions.zoom" 
    [minZoom]="mapOptions.minZoom" 
    [center]="mapOptions.center" 
    style="height:400px !important;" 
    (mapClick)="clickMap($event)"> 
</ng2-map> 

ng2-map은 google.maps.Map g 일 때 mapClick 이벤트를 방출합니다. 클릭 수 있습니다.

Plunker