如图所示,点击选择后变换样式,当没有选中的时候就变回自己原来的样式。
实现方法:
使用Select事件。
let style = new Style({image: new Icon({crossOrigin: "anonymous",src: require(`@/assets/partsManagement/选中.png`),anchor: [0.5, 1],scale: 1})});// select interaction working on "singleclick"let selectSingleClick = new Select({multi: false,//是否一次性识别多个style: style,//选择后的样式layers:players //选择需要点击选择变换的图层});window.map.addInteraction(selectSingleClick);//window.map就是olMap的地图对象,添加事件
//获取要素拾取的对象属性
selectSingleClick.on('select', function (e) {let features=e.target.getFeatures().getArray();if(features.length>0){let feature = e.target.getFeatures().getArray()[0];//默认获取选择的第一个要素if (feature.getGeometry() instanceof Point) {let property = feature.getProperties();console.log(property.properties);//这里可以设置自己的回调函数}}});
QQ群(GIS开发交流、数据共享、软件使用):993836992