2017-09-25 2 views
-1

J'utilise ng2-map pour afficher google map dans l'angle 2. J'ai utilisé l'événement click pour attraper les clics sur la carte. Mais il produit deux événements sur un seul clic comme indiqué:ng2-map - Cliquez sur produire deux événements

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

Ce que je besoin est les coordonnées du point cliqué et je me fais à partir du premier résultat. Mais puisque deux événements sont en cours de production, la fonction de clic fonctionne deux fois. Y at-il une méthode pour arrêter le deuxième événement ou arrêter la fonction de clic après le premier événement. Toute aide serait appréciée. C'est ce que je suis en utilisant:

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

Répondre

0

Mettre en clickMap():

+0

je l'ai essayé. Mais donner stopPropagation n'est pas une erreur de fonction. –

+0

Pourriez-vous enregistrer un événement: console.log (événement)? – Vega

0

Pour répondre à des événements qui sont déclenchés par l'événement google.maps.Map utilisation mapClick au lieu de click, par exemple:

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

ng2-map émet mapClick événement lorsque * google.maps.Map g ets cliqué.

Plunker