小编Map*_*pin的帖子

在 Mapbox GL JS 中,悬停时更改图标不透明度(符号层)

我在文档中看到 icon-opacity 支持功能状态, https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/#paint-symbol-icon-opacity

因此,当用户将鼠标悬停在图标上时,我使用此代码来更改不透明度:

map.addLayer({
    type: 'symbol',
    layout: {
        'icon-image': 'point',
        ...
     },
     paint: {
         'icon-opacity':  
             ['case', ['boolean', ['feature-state','hover'], false], 1, 0.3]
     }
});
Run Code Online (Sandbox Code Playgroud)

问题是它采用原始不透明度(0.3),但悬停时不会改变。

任何想法?

谢谢。

javascript mapbox mapbox-gl-js

5
推荐指数
1
解决办法
3551
查看次数

标签 统计

javascript ×1

mapbox ×1

mapbox-gl-js ×1