mapbox表达式字符串生成

时间:2018-10-17 16:02:09

标签: javascript expression mapbox mapbox-gl-js

我正在尝试将不同的rgba颜色传递给mapbox中的不同点。我为每个点添加了realiveOpacity属性,并希望根据其数据生成正确的颜色字符串。我尝试了两种表达方式,但我猜想语法有误。它将如何正确进行?

'circle-color': ["string", "rgba(255, 0, 0, ['get', 'realiveOpacity'])"]

["string", "rgba(255, 0, 0,"+ ['get', 'realiveOpacity'] + " )"]

此构造函数的工作原理是: ["string", "rgba(255, 0, 0,0.5"]

非常感谢!

1 个答案:

答案 0 :(得分:1)

使用rgba函数:

  

根据红色,绿色,蓝色成分创建颜色值,必须   范围在0到255之间,以及必须在   在0到1之间。如果任何分量超出范围,则表达式为   错误。

     

[“ rgba”,数字,数字,数字,数字]:颜色

     

https://www.mapbox.com/mapbox-gl-js/style-spec#expressions-rgba

"circle-color": ["rgba", 255, 0, 0, ["get", "realiveOpacity"]]

[https://jsfiddle.net/tjh4u0f6/]