javascript - OpenLayers 3 删除功能不会从 map 中删除功能

Question

非常感谢对以下问题的任何和所有帮助:

我正在使用 openlayers 3 绘制多边形。我想要实现的是如下 - 当开始绘制一个新的多边形时 - 从 map 中删除任何现有的多边形，以便在任何时候只能绘制一个多边形。但是，发生的情况是要素(多边形)仅从内存中删除，但在 map 上仍然可见。

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

如您所见，我首先在 onDrawStart 清除 tempVectorSource(绘制多边形的位置，因为 featureOverlay.source===tempVectorSource)，然后提醒 tempVectorSource 的要素数量。正如预期的那样，警报将始终指示 0，但多边形在 map 上仍然可见。

function onDrawStart(event)
{
     //remove everything drawn previously
     tempVectorSource.clear();

     //can see the feature(s) are removed from memory
     alert(tempVectorSource.getFeatures().length);
}

提前致谢!

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

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 设置为形状所在的 map 实例。删除以下行可解决问题，因为 featureOverlay 有自己的形状副本:

featureOverlay.setMap(map);

Answer 1

不知道这是否有帮助，但我有一个相关的问题:

我写了那段代码，可以很好地“重置”绘图层。您可以先使用 onDrawStart 触发该功能，然后才开始绘图部分。

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

这适用于最新的 ol3-build(编辑:当时是 v3.0.0)