2016-09-06 12 views
0

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
  • など

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

答えて

3

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

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

関連する問題