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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – OpenLayers 3删除功能不会从地图中删除该功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1551字，纯文字阅读大概需要3分钟。

内容图文

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

我使用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();

}

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

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

featureOverlay.setMap(map);

解决方法:

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

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

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

这适用于最新的ol3-build(EDIT：当时是v3.0.0)

内容总结

以上是互联网集市为您收集整理的javascript – OpenLayers 3删除功能不会从地图中删除该功能全部内容，希望文章能够帮你解决javascript – OpenLayers 3删除功能不会从地图中删除该功能所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端