一种在不丢失图层和源的情况下清除地图框要素集合的干净方法

Question

我正在通过添加源和链接到它们的图层来初始化mapbox地图。

    mapbox.addSource(MY_SOURCE, {
        'type': 'geojson',
        'data': {
            'type': 'FeatureCollection',
            'features': [],
        },
    });
    mapbox.addLayer({
        'id': MY_LAYER,
        'type': 'circle',
        'source': MY_SOURCE,
        'paint': {
            'circle-radius': 6,
            'circle-color': '#d31467',
        },
    });

我的目标是 - 我想完成这些定义一次，然后 - 如果我需要更新源代码，我只是：

    mapbox.getSource(MY_SOURCE).setData(geojson);

有时，尽管我需要清除所有多边形，所有点，所有内容。我怎样才能在不丢失所有这些定义的情况下做到这一点？我只能看到.removeSource，.removeLayer - 这告诉我我实际上需要重新创建这些定义。

有没有破坏性较小的方法？

Answer 1

这里有两个选项：

1. 隐藏图层

   map.setLayoutProperty(<layer-id>, 'visibility', 'none');
   

2. 通过设置空的 geojson 从源中删除所有要素

   map.getSource(<source-id>).setData({
     type: 'FeatureCollection',
     features: []  // <--- no features
   });
   

此外，删除和重新添加源和图层可能不是最糟糕的选择，具体取决于您要执行此操作的频率。