MapBox随机化建筑物颜色

Question

是否可以遍历地图上的所有建筑物，为它们分配不同的颜色或驱动主题分组的不同属性值？

我有遍历建筑物的代码：

features = map.queryRenderedFeatures({ layers: ["building"], filter: ['==', 'extrude', 'true']});
features.forEach(function(feature){
  // how to change feature colour or property in here?
}

Answer 1

有两种方法可以实现您想要的东西。

功能状态

如果您的建筑物图层具有要素ID，则可以使用setFeatureState在每个建筑物上设置状态。

features = map.querySourceFeatures('building', { sourceLayer: 'buildings' }));
features.forEach(function(feature){
  if (!map.getFeatureState({ id: feature.id, source: 'building', sourceLayer: 'buildings' }).color) {
    map.setFeatureState({ id: feature.id, source: 'building', sourceLayer: 'buildings' }, { color: makeRandomColor() }
  }
});

然后可以在表达式中使用['feature-state', 'color']。

准随机

如果没有功能部件ID，您也许可以以某种随机的方式使用其他属性。例如，如果还有其他类型的ID，则可以使用mod函数将其映射到一种颜色，看起来可能是随机的。