如何在drawend添加到OL3中的源代码后捕获事件?

时间:2016-08-29 22:28:50

标签: openlayers-3

我希望在将每个要素绘制到地图后更新列表。

当我使用drawend来捕捉绘图的完成时,当时正在绘制的特征尚未添加到矢量源。

所以

var draw = new ol.interaction.Draw({
    source: source,
    type: 'Point'
});

draw.on('drawend', function () {
    console.log(source.getFeatures().length)
});

map.addInteraction(draw);

添加第一个点时输出0。

如何在绘图完成将特征添加到矢量源后捕捉地图的状态?因此,当空的地图上的source.getFeatures()。length为1时,我正在寻找一个状态。

1 个答案:

答案 0 :(得分:10)

你可以随时尝试@jonatas建议的内容。它应该完成你要找的工作。 另一个解决方法是从事件本身获取当前绘制的功能,并将其添加到功能数组中。检查一下

draw.on('drawend', function (e) {
var currentFeature = e.feature;//this is the feature fired the event
var restOfFeats = source.getFeatures();//rest of feats
var allFeats = restOfFeats.concat(currentFeature);//concatenate the event feat to the array of source feats
console.log(allFeats.length)
});