OpenLayers 3删除功能不会从地图中删除该功能

时间:2014-09-26 09:31:10

标签: javascript openlayers

非常感谢以下问题的所有帮助:

我使用openlayers 3来绘制多边形。我想要实现的目标如下 - 当开始绘制一个新的多边形时 - 从地图中删除任何现有的多边形,这样一次只能绘制一个多边形。但是,会发生的是,功能(多边形)仅从内存中删除,但仍然在地图上保持可见。

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

如您所见,onDrawStart我首先清除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);
}

提前致谢!

编辑:为遇到相同问题的任何人找到解决方法 - 设置以前绘制的所有功能'在向量源上调用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();

}

以上基本上将所有多边形渲染为&#34;隐形&#34;点。仍然很想找到一个真正的解决方案!

编辑(2):请在接受的答案下面看我的评论,我将featureOverlay设置为形状所在的地图实例。删除以下行修复了问题,因为featureOverlay有自己的形状副本:

featureOverlay.setMap(map);

1 个答案:

答案 0 :(得分:4)

不知道这是否有帮助,但我遇到了相关的问题:

我写了那段代码,可以很好地“重置”绘图层。您可以先使用onDrawStart触发该函数,然后再启动绘图部分。

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

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