Leaflet 中 删除 一个 标记(Marker)

Posted yingyigongzi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Leaflet 中 删除 一个 标记(Marker)相关的知识,希望对你有一定的参考价值。

参考:https://blog.csdn.net/qq_34922009/article/details/81184004

下面是我在 Leaflet官方文档   所找到的答案 ,希望可以帮助到大家

比如以下例子:

var marker;
function onMapClick(e) {
        marker = new L.Marker(e.latlng, {draggable:true});
        map.addLayer(marker);
        marker.bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();
};

 

这里我们新增了一个变量Marker用来存放用户鼠标点击时候生成的Marker

如果我们不把旧的Marker删掉,那么每次用户点击地图,都会生成一个新的Marker,就会导致地图上越来越多Marker

删除Marker的话其实很简单,只需要下面一行代码就可以搞定:

map.removeLayer(marker)

 

以上是关于Leaflet 中 删除 一个 标记(Marker)的主要内容,如果未能解决你的问题,请参考以下文章

Leaflet:连接线内可拖动标记的体系结构

使用 react-leaflet 在标记内实现动态 JSX 元素

React-Leaflet在地图上绘制圆圈标记

在layerGroup Leaflet.js的每个标记中添加圆圈

Leaflet-标记点击事件工作正常,但回调函数中未定义类的方法

leaflet瓦片地图纠偏