首页 / 浏览问题 / WebGIS / 问题详情
使用openlayers,如何做鼠标滑过数据会高亮,点击数据获取到字段内容。
10EXP 2023年08月23日
就是加载了发布的地图数据之后,想做到鼠标滑到数据时会高亮一下,然后点击数据的话会有弹窗,弹窗显示出被点击数据的字段内容。 加载的数据应该使用哪一种格式或者是怎么做到这种效果哦?

2 个回答

您好,

1.鼠标滑到数据时会高亮一下

您可以绑定一个鼠标移动事件(pointermove),参考https://iclient.supermap.io/examples/classic/editor.html#query_editFeature中的选择地物可以实现高亮

2.点击出现弹窗,显示字段内容

点击出现弹窗:您可以绑定一个鼠标点击函数(click),参考https://iclient.supermap.io/examples/openlayers/editor.html#02_editFeatures中的pointermoveLinstener函数实现

前端开发您可以查看supermap iclient JavaScript的示例https://iclient.supermap.io/examples/openlayers/examples.html#iServer

希望可以帮到您

280EXP 2023年08月23日
移动事件和弹窗事件我懂,主要是我发布的地图有多个图层,我要怎么查询到当前鼠标位置的数据呢,全部图层都需要高亮哦,我看了发的链接【选择地物】只是对一个图层进行查询吧。
您好,

根据您的需求,可以采用以下方式实现效果

1.数据查询:对添加的每一个图层都进行要素查询,将地理要素查询出来。

2.数据格式:建议使用GeoJSON格式来加载和表示地理数据。

3.高亮效果:您可以通过在鼠标悬停hover时修改图层样式来实现高亮效果。当鼠标悬停在某个数据上时,改变该数据的样式,例如更改填充颜色、边框宽度等。

4.点击事件:将查询出来的GeoJSON与鼠标点击事件进行绑定,通过POP形式展示弹窗。

希望可以帮助到您!
460EXP 2023年08月28日
...