不知道leaflet_id,怎么删除leaflet图层覆盖物polygon
时间: 2024-04-23 18:21:36 浏览: 25
如果你不知道要删除的 `polygon` 图层的 `leaflet_id`,也可以通过其他方式来删除该图层。
一种方法是通过 `getLayers()` 方法获取 `overlayGroup` 中的所有图层,遍历图层数组,找到指定的 `polygon` 图层,然后通过 `removeLayer()` 方法将该图层从地图中删除。例如:
```javascript
overlayGroup.getLayers().forEach(function(layer) {
if (layer instanceof L.Polygon) { // 判断是否为 Polygon 图层
// 判断是否为要删除的图层
if (layer.getLatLngs().toString() === polygon.getLatLngs().toString()) {
overlayGroup.removeLayer(layer);
}
}
});
```
上述代码中,我们首先遍历了 `overlayGroup` 中的所有图层,然后判断每个图层是否为 `Polygon` 类型,如果是再判断该图层的坐标点数组是否与要删除的 `polygon` 图层的坐标点数组相同,如果相同则将该图层从地图中删除。
另一种方法是在创建 `Polygon` 图层时为其指定一个 `id` 属性,然后通过 `getLayer()` 方法获取该图层,最后通过 `removeLayer()` 方法将该图层从地图中删除。例如:
```javascript
var polygon = L.polygon(latlngs, {
id: 'myPolygon' // 为 Polygon 图层指定一个 id 属性
}).addTo(overlayGroup);
// 通过 id 属性获取 Polygon 图层并删除
var layer = overlayGroup.getLayer('myPolygon');
if (layer) {
overlayGroup.removeLayer(layer);
}
```
上述代码中,我们在创建 `Polygon` 图层时为其指定了一个 `id` 属性,然后可以通过 `getLayer()` 方法获取该图层,最后通过 `removeLayer()` 方法将该图层从地图中删除。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)