删除 Leaflet 中特征组的最后 2 个添加项

Question

我有一个添加圆圈标记和路径的功能组——它们是按顺序添加的，我需要一种方法来创建一个函数，该函数将在每次单击时删除 _layers 中的最后 (2) 个函数。

我尝试过切片，但它不起作用，因为它不是真正的数组。

关于如何进行的任何想法？我一直在搜索 stackoverflow，但找不到与我正在尝试做的事情相匹配的任何内容。

Answer 1

让我们简单地参考 Leaflet 文档：

您可以使用methods the layerGroup/featureGroup provides 从组中删除最后两层。

• getLayers 方法returns an array of all the layers added to the group。
• eachLayer 方法iterates over the layers of the group, optionally specifying context of the iterator function。
• removeLayer 方法removes the layer with the given internal ID from the group。

Leaflet 的 featureGroup is an extension of the layerGroup，所以所有这些都适用于 featureGroup。

所以，假设您的图层设置如下：

// Layers:
var layers = L.layerGroup().addTo(map);

var marker = L.marker([51.5, -0.09]).addTo(layers);
var circle = L.circle([51.508, -0.11], {
  color: 'red',
  fillColor: '#f03',
  fillOpacity: 0.5,
  radius: 500,
}).addTo(layers);
var polygon = L.polygon([
  [51.509, -0.08],
  [51.503, -0.06],
  [51.51, -0.047],
]).addTo(layers);

您可以使用那些layerGroup 方法来删​​除数组的最后两个元素：

// Pass the layerGroup to the function
function removeLastTwo(layerGroup) {
  // Use getLayers to get the array
  var layerArr = layerGroup.getLayers();
  var minusOne = layerArr.length - 1;
  var minusTwo = layerArr.length - 2;
  // Use eachLayer to iterate the layerGroup
  layerGroup.eachLayer((layer) => {
    // Grab the index of the layer
    var layerIndex = layerArr.indexOf(layer);
    // Remove the last two elements of the layerGroup array
    if (layerIndex === minusOne || layerIndex === minusTwo) {
      layerGroup.removeLayer(layer);
    }
  });
}

Here is a live example，将此函数附加到按钮的单击事件侦听器。