ol3 绑定特征点和特征类型线串
ol3 bind feature point and feature type linestring
我没有成功找到示例代码或类似的东西来帮助我编写功能代码。简而言之,我在地图上添加了 3 个特征:
- 2个类型点
- 1 在两者之间输入线串
我启用了拖动能力。
不知道可不可以,我想直接绑定特征'point'到特征'linestring'。我想拖动一个功能并自动重绘线串。
我已经尝试使用 'Drag.prototype.handleDragEvent ' 进行编码,但我认为延迟不是很好。
这比我(最初)想的要容易。请参阅 demo。
利用translating
of ol.interaction.Translate
然后告诉你linestring当前坐标是它的最后一个坐标
相关代码为:
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]);
});
我没有成功找到示例代码或类似的东西来帮助我编写功能代码。简而言之,我在地图上添加了 3 个特征:
- 2个类型点
- 1 在两者之间输入线串 我启用了拖动能力。
不知道可不可以,我想直接绑定特征'point'到特征'linestring'。我想拖动一个功能并自动重绘线串。
我已经尝试使用 'Drag.prototype.handleDragEvent ' 进行编码,但我认为延迟不是很好。
这比我(最初)想的要容易。请参阅 demo。
利用translating
of ol.interaction.Translate
然后告诉你linestring当前坐标是它的最后一个坐标
相关代码为:
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]);
});