OpenLayers 3删除要素不会从地图中删除该要素

OpenLayers 3 removing features does not remove the feature from the map

本文关键字：删除 地图 OpenLayers      更新时间：2023-09-26

非常感谢在以下问题上提供任何帮助：

我正在使用openlayers 3绘制多边形。我想实现的是：当开始绘制新的多边形时，从地图中删除任何现有的多边形，这样一次只能绘制一个多边形。然而，所发生的情况是，特征（多边形）仅从内存中删除，但在地图上仍然可见。

这个jsfiddle演示了这个问题：http://jsfiddle.net/jp4dojwu/

如您所见，在DrawStart上，我首先清除tempVectorSource（由于featureOverlay.source==tempVectorSource，因此绘制多边形的位置），然后提醒tempVectorSource。正如预期的那样，警报将始终指示0，但多边形在地图上仍然可见。

function onDrawStart(event)
{
     //remove everything drawn previously
     tempVectorSource.clear();
     //can see the feature(s) are removed from memory
     alert(tempVectorSource.getFeatures().length);
}

提前感谢！

编辑：为遇到相同问题的任何人找到了一个解决方法-在调用清除矢量源之前，将之前绘制的所有特征的几何图形设置为没有坐标的点，如下所示：

function onDrawStart(event)
{
    var features = tempVectorSource.getFeatures();
    for(var i=0;i<features.length;i++)
    {
        features[i].setGeometry(new ol.geom.Point([]));
    }
    tempVectorSource.clear();
}

以上基本上将所有多边形渲染为"不可见"点。仍然很想找到一个真正的解决方案！

编辑（2）：请参阅我在接受答案下方的评论，我已将featureOverlay设置为形状所在的地图实例。。删除以下行修复了问题，因为featureOverlay有自己的形状副本：

featureOverlay.setMap(map);

不知道这是否有帮助，但我遇到了一个相关的问题：

我写了这段代码，它可以很好地"重置"绘图层。您可以先用onDrawStart触发该函数，然后只启动绘图部件。

function clearMap() {
  vector_layer.getSource().clear();
  if (select_interaction) {
    select_interaction.getFeatures().clear();
  }
}

这适用于最新的ol3版本（EDIT:当时是v3.0.0）

相关文章：