javascript - 限制可以通过使用传单单击创建的标记数量

Question

我提示用户单击以在我的 map 上创建一个单点标记。我需要将其限制为只有一个标记(必须是可拖动的)。我尝试过使用计数变量进行比较，但是这种情况对我不起作用(用户可以制作许多标记 - 如此图所示)。

这是我的代码:

var count = 0;
if (count <= 0) { 
map.on('click', function(e){
    count += 1;
    var marker = L.marker(e.latlng,{draggable: true}).addTo(map);
    var lat = e.latlng.lat;
    var lon = e.latlng.lng;
    alert("Lat, Lon : " + lat + ", " + lon);

    });
}

提前致谢。

Answer 1

您可以通过 off 简单地在第一次点击后取消绑定(bind) click 事件:

var onClick = function(e) {
    map.off('click', onClick);

    var marker = L.marker(e.latlng,{draggable: true}).addTo(map);
    var lat = e.latlng.lat;
    var lon = e.latlng.lng;
    alert("Lat, Lon : " + lat + ", " + lon);
};

map.on('click', onClick);

---

更多信息请参见 the Leaflet docs .