admin管理员组文章数量:1589758
人生最迷茫的不过于此,一堆选择放在你面前,你却不知道到底选择那个是最合适的,这点很尴尬,始终要戒备自己会不会被坑,唉好痛苦,最痛苦的莫过于此,挣扎,挣扎
一、概念
该交互仅针对于矢量服务,矢量服务,矢量服务,主要用于feature选中(点击、鼠标悬浮等),做出相应的操作,例如高亮显示什么的,改变渲染样式。
二、构造函数
addCondition
condition
layers
style
removeCondition
toggleCondition
multi
features
filter
wrapX
filter
、layers
都可以用于过滤,multi设置是否可以多选
例如:
filter: function (feature, layer) {
return layer === circleLayer;
},
layers: [circleLayer],
效果是相同的都是对指定的图层进行操作,filter是函数过滤可以设置不同的方式
三、condition属性的值选择
默认选择为ol.events.condition.singleClick
,所有的事件点我查看所有类型,还有一个用的多值是ol.events.condition.pointerMove
引用方式
// 添加一个用于选择Feature的交互方式
map.addInteraction(new ol.interaction.Select({
condition: ol.events.condition.pointerMove, // 唯一的不同之处,设置鼠标移到feature上就选取
style: new ol.style.Style({
image: new ol.style.Circle({
radius: 10,
fill: new ol.style.Fill({
color: 'blue'
})
})
})
四、事件
用的多的事件select和change事件
select事件场景应用:选中feature要素后,获取要素的字段值等用于弹出对话框、
change事件用于场景:选中的要素feature改变之后进行一些特定的操作
五、总结
本来想将进行一个展示,无奈数据没有,只是用了官网的图,和进行自定义Vector图层,进行测试,这个交互很简单使用,交互这点比ArcGIS API做的好多了,也方便。
本文标签: olopenLayerselectInteraction
版权声明:本文标题:OpenLayer学习之ol.interaction.Select 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dongtai/1728077059a1144616.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论