2017-12-23 9 views
-1

私は基本的に、ユーザーが地図をクリックしてそれをユーザーに返してもらうためのイオニアアプリを持っています。問題はありません。私の問題は、ユーザーが地図上で複数回クリックすると、マーカーを追加してユーザーに選択した場所を通知し、マップ上をクリックするたびにマーカーの数が1つ残るようにします。ウェブ上のGoogleマップマーカーを制限する方法はありますか?

答えて

2

おそらく新しいマーカーを作成して使用していますmarker.setMap(map);これは新しいマーカーを作成し、それを現在のマップに追加します。

新しいマーカーを定義し、ちょうど現在のマーカの位置を変更する代わりにsetPositionを使用しないでください:

marker.setPosition(position); 
位置のアレイである

{緯度、LNG}クリック位置から。マーカーをグローバル変数として定義することを忘れないでください。マップの作成と位置の更新の両方でマーカーを使用することができます。

var marker; 
function initMap() { 
     //Here you initialize the map and marker then 
     marker.setMap(map); 
     } 
function updateMarkerPosition(lat,lng){ 
    marker.setPosition({lat:" + lat +",lng:"+ lng+ "}); 
} 
+0

'export class className { マーカー:任意; } ionViewDidLoad(){ this.initMap(); } initMap(){ this.marker = new google.maps.Marker({map:map}); } google.maps.event.addListener(マップ、 'クリック'、イベント=> { this.updateMarkerPosition(event.latLng()、event.latLng.lng());} } updateMarker位置(lat、lng){ this.marker.setPosition({ 緯度: lng:lng }) } –

関連する問題