javascript - Mapbox GL设置符号图层的不透明度

标签 javascript opacity mapbox-gl-js

我有一个在 Mapbox map 上显示文本的符号图层,我正在寻找一种更改文本不透明度的方法。

this.map.addLayer({
        "id": "symbols",
        "type": "symbol",
        "source": "source_circleCurrentGpsCircle",
        "layout": {
          "text-font": ["Open Sans Regular"],
          "text-field": '{title}',
          "text-size": {
            stops: [
              [0, 0],
              [22, metersToPixelsAtMaxZoom * 2]
            ],
            base: 2
          }
        },
        "paint": {
          "text-color": "#00FF00"
        }
      });

我尝试了一些类似以下的事情

this.map.setPaintProperty('symbols', 'symbol-opacity', .6);

我想我只需要正确的属性名称。是否可以为符号设置一个类?这样我就可以轻松调整不透明度。

最佳答案

我明白了。事实证明是文本不透明度属性,而不是符号不透明度。现在看来很明显了。

关于javascript - Mapbox GL设置符号图层的不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57221168/

相关文章:

javascript - 用 span 替换部分字符串

html - IE8 不透明度问题

geojson - 从 mapbox gl 中的 geojson 获取图标 url

reactjs - mapbox GL 上的单击处理程序不响应使用带有 typescript 的 react Hook 的更新状态

javascript - 单击一个 Div 下拉功能在 iPhone 上不起作用

javascript - sails.js和node.js中代码和函数的执行顺序

javascript - Kendo MVC 条形图/柱形图 CategoryAxis Fit day

javascript - 简单的 Javascript CSS 不透明度淡入淡出功能

html - 如何使用 CSS 降低元素背景的不透明度?

Mapbox gl js - 基于多个条件的自定义图标