イベントリスナーは結果に掛け算を行います

Question

Googleマップでクリックしたポイントの現在の座標を取得します。

マイコード：Googleマップへの結合

let latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 


getCoords() { 
    google.maps.event.addListener(this.map, 'click', (event) => { 
     console.log(event.latLng); 
    }); 

：

​​

私は地図上のクリックで取得しています何がある：

• 1クリック：何も
を起こりません
• 2クリック：現在の座標
• 3クリック：現在は、x 3
• 4クリックを座標：現在は、x座標に5
• など

どのように私が期待される行動に私の機能を有効にしますか？

Answer 1

この問題は、getCoordsをHTMLのクリックイベントにバインドするため、マップをクリックするたびにgoogle.maps.event.addListenerと呼び出されているようです。 HTMLからのクリックハンドラを削除してください： <div #map id="map"> </div>

、イベントリスナーが一度だけ作成されますので、初期化のどこかにgoogle.maps.event.addListenerを呼び出します。