如何在openlayers中删除选定的形状

时间:2016-03-10 07:52:13

标签: javascript openlayers-3

我目前正在看这个openlayers(http://openlayers.org/en/v3.14.2/examples/draw-features.html)的例子,它在地图上绘制线条,圆圈等。我编辑了代码以便能够选择绘图。我想知道如何删除选定的图纸?以下是我选择绘图的方法:

var select = new ol.interaction.Select();

有什么想法吗?谢谢!

1 个答案:

答案 0 :(得分:1)

您可以通过在选择图层时将其从图层中删除来删除该图像。在交互中选择的要素上使用“添加”侦听器,并将其从图层的源中删除。 使用

select = new ol.interaction.Select();
select.getFeatures().on('add', function(feature){
//source is layer.getSource()
source.removeFeature(feature.element);
    feature.target.remove(feature.element);
});
map.addInteraction(select);

JSFiddle链接(在下拉列表中选择删除以选择和删除功能): http://jsfiddle.net/anushamc/edms856o/