leaflet清除mark

1、单个删除:

...
var gMark = L.marker([lat,lng],{...})
	gMark.on({
		"click":function(e){
			zsMap.removeLayer(this)   //在地图上删除点击的那个mark
		 }
	})

2、批量清除:

var gMarkGroup;  //全局变量
...
if(gMarkGroup){
	gMarkGroup.clearLayers();  // 5)
}
var layers = [];    // 1)
for(var i = 0;i<marks.length;i++){
	var gMark = L.marker([lat,lng],{...})
	layers.push(gMark);    // 2)
	...
}
gMarkGroup = L.layerGroup(layers);    // 3)
zsMap.addLayer(gMarkGroup);     // 4)
leaflet 是一个流行的 JavaScript 库,可用于在 Web 上制作互动地图。 在地图上添加标记是一个重要的功能,通常需要人工逐一添加,但是如果需要批量添加大量标记,可能会耗费大量时间和精力。 在这种情况下,我们可以利用 leaflet 提供的工具来批量添加标记,以提高效率。 一种简单的方法是使用循环来遍历目标点,然后在循环内添加标记。我们可以将要添加的标记信息存储在一个对象数组中,然后使用 forEach 循环方法遍历这个数组并添加标记。 在遍历的每个循环中,我们可以使用 L.marker() 方法在地图上添加新的标记,如下: ``` var map = L.map('map'); var markers = [ {lat: 39.906142, lng: 116.391055, title: 'Marker 1'}, {lat: 40.006142, lng: 116.491055, title: 'Marker 2'}, {lat: 40.106142, lng: 116.591055, title: 'Marker 3'}, {lat: 40.206142, lng: 116.691055, title: 'Marker 4'} ]; markers.forEach(function(marker) { L.marker([marker.lat, marker.lng]).addTo(map) .bindPopup(marker.title); }); ``` 这个例子中,我们定义了一个地图实例并且定义了一个包含四个标记信息的数组,每个标记都有经纬度和标题。 然后我们使用 forEach 方法遍历这个数组并依次添加标记到地图中。 绑定弹出框提示信息通过 bindPopup 方法实现。 批量添加标记的方法不仅可以提高效率,还可以使我们的代码更优雅。在实际应用中,我们可以通过读取数据库、文件或其他数据源的方式加载需要添加的标记,然后通过类似的方法进行批量添加。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值