-1
私は基本的に、ユーザーが地図をクリックしてそれをユーザーに返してもらうためのイオニアアプリを持っています。問題はありません。私の問題は、ユーザーが地図上で複数回クリックすると、マーカーを追加してユーザーに選択した場所を通知し、マップ上をクリックするたびにマーカーの数が1つ残るようにします。ウェブ上のGoogleマップマーカーを制限する方法はありますか?
私は基本的に、ユーザーが地図をクリックしてそれをユーザーに返してもらうためのイオニアアプリを持っています。問題はありません。私の問題は、ユーザーが地図上で複数回クリックすると、マーカーを追加してユーザーに選択した場所を通知し、マップ上をクリックするたびにマーカーの数が1つ残るようにします。ウェブ上のGoogleマップマーカーを制限する方法はありますか?
おそらく新しいマーカーを作成して使用しています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+ "});
}
'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 }) } –