OpenLayer学习之ol.interaction.Select
人生最迷茫的不过于此，一堆选择放在你面前，你却不知道到底选择那个是最合适的，这点很尴尬，始终要戒备自己会不会被坑，唉好痛苦，最痛苦的莫过于此，挣扎，挣扎
一、概念
该交互仅针对于矢量服务，矢量服务，矢量服务，主要用于feature选中（点击、鼠标悬浮等），做出相应的操作，例如高亮显示什么的，改变渲染样式。
二、构造函数
addConditionconditionlayersstyleremoveConditiontoggleConditionmultifeaturesfilterwrapX
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做的好多了，也方便。
转载自：https://blog.csdn.net/weixin_40184249/article/details/80852201
