MapBox マーカーを削除する方法

マーカーを削除する方法は、マーカー作成時に返されるマーカーオブジェクトに対しremoveメソッドで削除する。

// マーカー作成
markerObj = new mapboxgl.Marker(el)
    .setLngLat(marker.geometry.coordinates)
    .addTo(map);

// マーカーオブジェクトに対しremove()で削除
markerObj.remove();

全てのマーカーを削除する方法

マーカーの数分マーカーを削除するという方法で全てのマーカーを削除する。

// マーカーオブジェクトを格納する変数を用意
let markerObjs = new Array();

// マーカー作成時にオブジェクトを保存しておく
markerObjs[index] = new mapboxgl.Marker(el)
    .setLngLat(marker.geometry.coordinates)
    .addTo(map);
// マーカーオブジェクトの数分ループして削除する
markerObjs.forEach(function(marker) {
    marker.remove();
});

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です