Question

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

Answer 1

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

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

希望对您有所帮助！

Comments

发布地图服务，用于前端展示。桌面端如何实现鼠标放在哪个面，哪个面显示红色，其他还是透明的。

---

您好，要放在前端展示的话，桌面端无法修改鼠标触发的高亮样式，建议参考官网示例：分段专题图 (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)