Javascript 通过单击传单中的事件,自动删除以前的标记并在地图上添加新标记

Javascript 通过单击传单中的事件,自动删除以前的标记并在地图上添加新标记,javascript,leaflet,Javascript,Leaflet,我希望我的地图通过单击自动删除旧标记并添加新标记,但我不知道如何操作 var mapOptions = { center: [17.385044, 78.486671], zoom: 10 } var layer = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'); var map = new L.map('mapid', mapOptions); map.addLayer(layer);

我希望我的地图通过单击自动删除旧标记并添加新标记,但我不知道如何操作

var mapOptions = {
    center: [17.385044, 78.486671],
    zoom: 10
}
var layer = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
var map = new L.map('mapid', mapOptions);
map.addLayer(layer);

map.on("click", function(e) {
    var mp = null;
    if (mp !== null) {
        map.removeLayer(mp);
    }
    var mp = new L.Marker([e.latlng.lat, e.latlng.lng]).addTo(map);
    alert(mp.getLatLng());
})

您需要跟踪以前创建的标记,并在单击事件时将其从地图中删除

下面是一个基本示例,介绍如何删除/添加
传单
标记:

HTML

<div id="map" data-mode="">

</div>

以下是。

您需要跟踪以前创建的标记,并在单击事件时将其从地图中删除

下面是一个基本示例,介绍如何删除/添加
传单
标记:

HTML

<div id="map" data-mode="">

</div>

这是。

这个输入是什么?你说的是什么类型的输入?对不起,不需要在我的基本示例中包含它。刚刚删除了它。这个输入是什么?你说的是什么类型的输入?对不起,不需要在我的基本示例中包含它。刚把它取下来。