使用 setPaintProperty 修改 mapbox 样式的图层颜色

Question

我使用 Mapbox 的 outdoor v10 作为底图样式。我正在尝试更新特定图层的颜色，但运行出现错误。

我希望这会将道路更新为红色...

var map = new mapboxgl.Map({
  container: this.mapContainer,
  center: homePoint.geometry.coordinates,
  style: 'mapbox://styles/mapbox/outdoors-v10',
  interactive: false,
});    

map.on('load', function () {
  map.setPaintProperty('road-primary','fill-color', 'rgb(255,0,0)')
}

但是我得到这个错误：

Answer 1

户外风格中包含的road-primary图层类型为line。所以你的 setPaintProperty 调用应该修改 line-color 而不是 fill-color:

map.setPaintProperty('road-primary', 'line-color', 'rgb(255, 0, 0)');

在此处查看文档：https://www.mapbox.com/mapbox-gl-js/style-spec#paint-line-line-color

使用 setPaintProperty 修改 mapbox 样式的图层颜色

Modify layer colors of mapbox style using setPaintProperty

mapbox-gl-js