首页 > 其他 > 详细

Interaction

时间:2020-03-06 19:58:25      阅读:68      评论:0      收藏:0      [点我收藏+]

Translate移动要素

Interaction for translating (moving) features.
用于移动要素的交互;用于移动要素的交互;
官方示例:https://openlayers.org/en/latest/examples/translate-features.html

移动对象可以是要素features也可以是图层layers,但两者不能同时存在;
hitTolerance属性是用于设置触发范围
主要代码:

// 创建移动交互对象
var translate = new ol.interaction.Translate({
    features: new ol.Collection([featureIcon1]),
    //layers: [layerChinaSimple],
    //hitTolerance: 100    // 触发范围:在要素100像素的半径圆内都可以触发
})
// 地图添加交互行为
map.addInteraction(translate);
// 交互对象的触发事件
translate.on(‘translatestart‘,function(e){
    $("#message1").text("开始移动!"); 
});
translate.on(‘translating‘,function(e){
    $("#message1").text("正在移动!"); 
});
translate.on(‘translateend‘,function(e){
    $("#message1").text("结束移动!"); 
});

Interaction

原文:https://www.cnblogs.com/Dreamice/p/12430289.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!