一种清除mapbox FeatureCollection而不丢失图层和源的干净方法?

时间:2019-03-29 18:32:40

标签: mapbox mapbox-gl-js

我正在通过添加源和链接到它们的图层来初始化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-这告诉我实际上我需要重新创建这些定义。

是否有破坏性较小的方法?

1 个答案:

答案 0 :(得分:2)

您在这里有两个选择:

  1. 隐藏图层

    map.setLayoutProperty(<layer-id>, 'visibility', 'none');
    
  2. 通过设置一个空的geojson从您的源中删除所有功能

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

根据您要执行此操作的频率,删除并重新添加源和图层可能也不是最糟糕的选择。