Mapbox GL JS - 更改选中的3D建筑物的颜色

Question

在我的数据库中，有大约一百万座建筑物的ID号（Mapbox），每座建筑都与一个类别相关联。这些建筑物分散在世界各地。可能会有更多的建筑物，因此数据应该是动态下载的（JSON，GeoJSON等）。

我想根据类别更改3D建筑物的颜色（fill-extrusion-color）并在其旁边添加一个图标。

我一直在查阅文档，但无法将其组合成解决方案。

我请求帮助，因为我需要解决这个问题。

目前，它只能控制颜色，如下所示：

'fill-extrusion-color': [ "case", [ "! =", ["get", "min_height"], 0 ], "hsl (224, 18%, 56%)", [ "match", ["get", "type"], ["building: part"], true, false ], "hsl (224, 25%, 38%)", [ "interpolate", ["linear"], ["get", "height"], 0, "hsl (224.47%, 29%)", twenty, "hsl (224.61%, 33%)", 50, "hsl (224.53%, 48%)", 400, "hsl (224, 83%, 72%)" ] ]

- Paweł

Answer 1

你能试试吗：

'fill-extrusion-color':
  [ "case", 
    [ "!=", ["get", "min_height"], 0 ], 
    "#7b85a3", 
    [ "match",
       ["get", "type"], 
       ["building: part"],
       true,
       false
    ], 
    "#495679", 
    [ "interpolate",
      ["linear"], 
      ["get", "height"], 
      0, "hsl (224, 47%, 29%)", 
      12, "hsl (224, 61%, 33%)", 
      50, "hsl (224, 53%, 48%)", 
      400, "hsl (224, 83%, 72%)"
    ]
  ]

- Viettel Solutions