首页 / 浏览问题 / 桌面GIS / 问题详情
面矢量数据,如何鼠标放在某个区域,哪个区域会高亮填充颜色
153EXP 2023年09月25日

如何鼠标放在某个区域,哪个区域会高亮填充颜色

1个回答

您好,您是在想在哪个平台软件上实现高亮操作呢?idesktop、iportal数据上图还是在前端展示呢?

如果是在idesktop桌面端,鼠标点击矢量对象即可高亮显示,如果想修改填充颜色可以在图层管理器中选中该图层,右键选择“制作专题图...”→“单值专题图”→“默认”,即可在右侧专题图属性面板更改表达式和填充颜色。

希望对您有所帮助!
1,000EXP 2023年09月25日
发布地图服务,用于前端展示。桌面端如何实现鼠标放在哪个面,哪个面显示红色,其他还是透明的。

您好,要放在前端展示的话,桌面端无法修改鼠标触发的高亮样式,建议参考官网示例:分段专题图 (supermap.io)

// hover 高亮样式
        themeLayer.highlightStyle = new L.supermap.ThemeStyle({
            stroke: true,
            strokeWidth: 4,
            strokeColor: 'red',
            fillColor: "#FF0000",
            fillOpacity: 0.8
        });

将高亮样式的边框颜色和填充颜色修改为红色即可,具体效果如下:

希望能够帮助到您!

我这边能发一个这样的服务吗?不需要前端写多余代码,加载我提供的leaflet链接,就可以实现上面的功能

不行的,地图服务本身没有鼠标移动/点击交互的功能,需要自己在前端代码里设置鼠标移动/点击事件:

// hover 高亮样式
        themeLayer.highlightStyle = new L.supermap.ThemeStyle({
            stroke: true,
            strokeWidth: 4,
            strokeColor: 'red',
            fillColor: "#FF0000",
            fillOpacity: 0.8
        });
        //鼠标移动事件
        themeLayer.on('mousemove', highLightLayer);
        addThemeFeatures();

建议参考官网示例代码进行鼠标移动高亮设置:分段专题图 (supermap.io)

...