javascript - 如何从传单中的 L.control 中删除叠加层

Question

在客户端上，我从 postgres 数据库中获取了一堆多边形，然后我将它们作为叠加层添加到图层控件中。目前这是通过单击菜单发生的，每次它都会在控件中添加另一个“多边形”复选框。我需要首先清楚地清除所有旧的叠加层，然后使用一组新的“多边形”叠加层进行刷新。在添加新叠加层之前如何以编程方式删除它？

var controlLayers = L.control.layers(baseMaps).addTo(map);


$.getJSON('/db/getPolys', function (geojsonFeatures) {
              console.log('returned polys...',geojsonFeatures.features);
              if(geojsonFeatures.features == null){
                      alert('No polygons where found');
              }else{
                      geojsonLayer = L.geoJson(geojsonFeatures,{
                          onEachFeature: drawStep1Polys
                      });

                      // need to remove before adding anything
                      // if (geojsonLayer exists){
                      //   controlLayers.removeLayer(geojsonLayer);
                      // }
                  controlLayers.addOverlay(geojsonLayer, 'Polygons');
              }
});

Answer 1

controlLayers.removeLayer(geojsonLayer)

Remove the given layer from the control.

(请注意，您必须保留对之前图层的引用)