非常感谢以下问题的所有帮助:
我使用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);
答案 0 :(得分:4)
不知道这是否有帮助,但我遇到了相关的问题:
我写了那段代码,可以很好地“重置”绘图层。您可以先使用onDrawStart触发该函数,然后再启动绘图部分。
function clearMap() {
vector_layer.getSource().clear();
if (select_interaction) {
select_interaction.getFeatures().clear();
}
}
这适用于最新的ol3-build(编辑:那时是v3.0.0)