如何按名称删除层 - openlayers 3

Question

我添加了带有 wkt 源的矢量图层以使用以下代码进行映射：

var SelectVector = null;

for (var i = 0; i < wktarray.length; i++) {
    var wkt = wktarray[i];
    var format = new ol.format.WKT();
    var feature = format.readFeature(wkt, {
        dataProjection: 'EPSG:4326',
        featureProjection: 'EPSG:4326'
    });
    SelectVector = new ol.layer.Vector({
        source: new ol.source.Vector({
            features: [feature]
        }),
        style: new ol.style.Style({
            fill: new ol.style.Fill({
                color: 'rgba(255, 255, 255, 0.2)'
            }),
            stroke: new ol.style.Stroke({
                color: '#ffcc33',
                width: 2
            }),
            image: new ol.style.Circle({
                radius: 7,
                fill: new ol.style.Fill({
                    color: '#ffcc33'
                })
            })
        })
    });
    map.addLayer(SelectVector);
    SelectVector.set('name', 'selectvector');
}

现在，我想从地图中删除这个矢量图层。写在下面的代码但是，它不会删除所有名称为 selectvector 的图层。

map.getLayers().forEach(function (layer) {
    if (layer.get('name') != undefined & layer.get('name') === 'selectvector') {
        map.removeLayer(layer);
    }
});

怎么了？

Answer 1

我认为问题在于 removeLayer 更改了您正在循环的同一个集合。

尝试这样的事情

var layersToRemove = [];
map.getLayers().forEach(function (layer) {
    if (layer.get('name') != undefined && layer.get('name') === 'selectvector') {
        layersToRemove.push(layer);
    }
});

var len = layersToRemove.length;
for(var i = 0; i < len; i++) {
    map.removeLayer(layersToRemove[i]);
}

另请注意，您的 if 条件中缺少“&”。

Answer 2

正如 fradal83 指出的那样，您正在循环中更改集合。

您可以反转它（从最后一个开始到第一个），而不是从第一个开始循环。这样，删除项目不会影响循环。

如何按名称删除层 - openlayers 3

How to remove layers by name - openlayers 3

openlayers

openlayers-3