当前位置: 代码迷 >> 综合 >> Openlayer 要素选择变换样式
  详细解决方案

Openlayer 要素选择变换样式

热度:96   发布时间:2023-12-17 03:44:11.0

 如图所示,点击选择后变换样式,当没有选中的时候就变回自己原来的样式。

实现方法:

 使用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