leaflet geojson清除图层添加新元素闪烁问题

在Leaflet中添加和清除GeoJSON图层时，以及添加新元素时可能会出现闪烁问题。这是由于在添加和清除图层时，Leaflet需要重新绘制所有元素，导致页面闪烁。为了避免这个问题，可以采用以下两种方法之一：

1. 使用`L.geoJson`的`resetStyle`方法：使用`L.geoJson`的`resetStyle`方法重置GeoJSON图层的样式，然后再添加新的元素。这个方法可以减少页面的闪烁。

// 定义GeoJSON图层
var geoJsonLayer = L.geoJson(null, {
  onEachFeature: function(feature, layer) {
    // 绑定事件等操作
  }
}).addTo(map);

// 添加新元素之前，先清除所有元素的样式
geoJsonLayer.eachLayer(function(layer) {
  geoJsonLayer.resetStyle(layer);
});

// 添加新的元素
geoJsonLayer.addData(newData);

2. 使用`L.Util.requestAnimFrame`函数：使用`L.Util.requestAnimFrame`函数可以推迟添加新元素的操作，以避免页面的闪烁。

// 定义GeoJSON图层
var geoJsonLayer = L.geoJson(null, {
  onEachFeature: function(feature, layer) {
    // 绑定事件等操作
  }
}).addTo(map);

// 使用requestAnimFrame函数，在下一帧中清除原有元素并添加新元素
L.Util.requestAnimFrame(function() {
  geoJsonLayer.clearLayers();
  geoJsonLayer.addData(newData);
});

以上两种方法都可以有效地减少在添加和清除GeoJSON图层时以及添加新元素时的页面闪烁问题。