ol3绑定要素点和要素类型线串

时间:2017-02-02 09:56:36

标签: javascript bind openlayers-3 marker

我没有成功找到示例代码或类似内容来帮助我编写功能。不久之后,我在地图上添加了3个功能:

  • 2类型点
  • 两者之间有1种类型的线串 我启用了拖动容量。

我不知道是否可能,我想直接绑定功能点'功能'线串'。我想拖动一个功能,并自动重绘线条。

我已经尝试使用' Drag.prototype.handleDragEvent'进行编码,但我认为延迟并不是很好。

1 个答案:

答案 0 :(得分:0)

比我想象的更容易(最初)。请参阅 demo

利用ol.interaction.Translatetranslating然后告诉你线串当前坐标是它的最后一个坐标。

相关代码是:

translate1.on('translatestart', function (evt) {
  coordMarker2 = marker2.getCoordinates();
});

translate1.on('translating', function (evt) {
  line.setCoordinates([coordMarker2, evt.coordinate]);
});

translate2.on('translatestart', function (evt) {
  coordMarker1 = marker1.getCoordinates();
});

translate2.on('translating', function (evt) {
  line.setCoordinates([coordMarker1, evt.coordinate]);
});