leaflet移除一次标记removeLayer和移除所有标记clearLayer

最新推荐文章于 2025-05-07 09:05:23 发布

置顶 wu_223

最新推荐文章于 2025-05-07 09:05:23 发布

阅读量2.6w

点赞数 6

CC 4.0 BY-SA版权

分类专栏： leaflet相关问题文章标签： leaflet小问题

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_34790644/article/details/79563479

leaflet相关问题专栏收录该内容

46 篇文章

订阅专栏

本文介绍了如何使用Leaflet.js在地图上添加和删除多边形及标记。具体包括使用removeLayer方法移除单个标记，以及利用clearLayers方法批量清除一组标记。文中还提供了实例代码帮助理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 移除一次标记用removeLayer方法

使用方法如下：

1> 全局定义一个变量 var layer；

2> 在方法中调用赋值 var latlngs=[[12,23],[经度，纬度]]

3> this.layer=L.polygon(latlngs,{color:'blue',fillColor:'none',opacity: 0.2 })

解释：（opacity是透明度，fileColor是填充颜色，color是边框颜色）

4> t添加：map.addLayer(this.layer);

5> 移除： map.removeLayer(this.layer)

2. 移除所有标记用clearLayer方法

使用方法如下：（原文出自：http://blog.csdn.net/huangsheng_blog/article/details/77855890）

var layers=[];
for(var i = 0;i< result.length;i++){
var layer = new L.marker([ result[i].lat, result[i].lng ]);
layers.push(layer);
}

marker分组

var myGroup=L.layerGroup(layers);
maps.addLayer(myGroup);

批量移除

myGroup.clearLayers();

评论 4

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

wu_223 嘿嘿，求打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。