mapbox-gl - 更改mapbox gl中单个要素的样式

标签 mapbox-gl mapbox-gl-js

在 Mapbox gl 中突出显示多边形的示例使用第二层和过滤器函数。是否无法更改从 geojson 源绘制的 mapbox gl js 中单个要素/多边形的颜色?

参见https://www.mapbox.com/mapbox-gl-js/example/hover-styles/

最佳答案

可以使用数据驱动的样式来设计单个要素的样式,该样式唯一地响应单个要素的属性。例如,如果您有一个带有 id 属性的点数据集,并且您希望 id 450 为黄色而不是蓝色。

{
  "id": "mypoints",
  "type": "circle",
  "paint": {
    "fill-color": {
      "property": "id",
      "type": "category",
      "stops": [[450, "yellow"]],
      "default": "blue"
    }
  }
}

警告 1:“默认”功能是 not publicly available yet .

注意事项 2:这仅适用于支持数据驱动函数的样式属性。

关于mapbox-gl - 更改mapbox gl中单个要素的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42282533/

相关文章:

reactjs - 我可以自动聚焦 mapbox-gl react 地理编码器吗

mapbox-gl - 带对话框的自定义标记

reactjs - 我可以像在(mapbox-gl-js 文档)中使用react-map-gl 那样添加GeoJSON 行吗?

javascript - react +mapbox-gl : Include popup?

javascript - 如何导出mapBoxGL map ?

javascript - Mapbox GL - 如何在悬停时更改 geojson 线的宽度?

mapbox - 如何在mapbox js中获取可见的 map 边界?

mapbox-gl-js - 为什么 mapbox-gl-js 中的图层需要 type 或 ref

mapbox - 如何使用 Mapbox 的 Geocoder API 搜索靠近用户当前位置的地址?

Mapbox GL JS 填充图案和数据驱动样式