javascript - 如何在mapbox-gl表达式中设置唯一ID样式

Question

我有一个关于 Mapbox-gl 矢量平铺样式配置有什么问题的问题。

我想为 ID 列唯一地表达 5 种颜色。

示例数据结构

id : 0 => 2 data
id : 1 => 7 data
id : 2 => 10 data
...

此 ID 的值未知。我可以通过设置列名来赋予唯一的颜色吗？

上面我要说的结果是红色代表ID 0，黄色代表ID 1，蓝色代表ID 3。例如，我不知道ID列的值是整数还是字符串。我想自动赋予独特的颜色。

Answer 1

假设您已在数据端将 ID 设置为特征的属性，因此样式可以将其 ID 作为模板字符串获取，例如{ID}.

您可以使用如下样式表达式：

somePaintProperty = [
    "case", // similar with switch ~ case
    ["==", ["get", "ID"], 0], // when the value of ID property equals to 0,
    "red", // then, colors red
    ["==", ["get", "ID"], 1],
    "yellow",
    ...
    "black", // else(default), black
]