leaflet geojson清除添加闪烁
时间: 2023-08-03 20:09:01 浏览: 144
43.(leaflet篇)leaflet叠加geojson图层(飞地)(挖洞).zip
5星 · 资源好评率100%
要解决Leaflet中添加和清除GeoJSON图层时的闪烁问题,可以使用以下两种方法之一:
1. 使用GeoJSON的`L.geoJSON`函数添加图层,并使用`L.mapbox.styleLayer`函数来设置图层样式,如下所示:
```
var geojsonLayer = L.geoJSON(null, {
style: L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11').getStyle
}).addTo(map);
// 添加新的GeoJSON数据时,先清除原有图层
geojsonLayer.clearLayers();
// 添加新的GeoJSON数据
geojsonLayer.addData(newData);
```
2. 使用Leaflet的`L.Util.requestAnimFrame`函数,在下一帧中清除和添加图层,以避免闪烁,如下所示:
```
// 清除原有图层,并在下一帧中添加新的GeoJSON数据
L.Util.requestAnimFrame(function() {
geojsonLayer.clearLayers();
geojsonLayer.addData(newData);
});
```
使用其中的任何一种方法都可以有效地解决Leaflet中添加和清除GeoJSON图层时的闪烁问题。
阅读全文