Mapbox 图层中哪些属性属于layout,哪些属性属于paint

Mapbox 图层中哪些属性属于layout,哪些属性属于paint

layout and paint properties | Help | Mapbox

Layout properties和paint properties是层的两个子属性，用于定义如何在Mapbox GL地图中渲染空间数据。Layout and paint properties通常在单个层中一起使用。

layout properties

Layout properties 定义Mapbox GL渲染器如何绘制和应用层的数据。它们在渲染过程的早期应用。layout properties的示例包括 visibility, line-cap, and symbol-placement.。

map.addLayer({
  id: 'gl-draw-line',
  type: 'line',
  source: 'draw-line',
  layout: {
    'line-cap': 'round',
    'line-join': 'round',
    'line-opacity': 0.75
  }
});

paint properties

Paint properties定义了该层数据的样式。Mapbox GL在渲染之后应用它们。paint properties的示例包括fill-color, background-pattern, and line-opacity.

map.addLayer({
  id: 'trees-point',
  type: 'circle',
  source: 'trees',
  paint: {
    'circle-radius': 3,
    'circle-color': '#223b53',
    'circle-stroke-color': 'white',
    'circle-stroke-width': 1,
    'circle-opacity': 0.5
  }
});

tip 哪些属性是layout,哪些属性是paint

Layers文档中的每个type中的属性layout和paint, 可以根据文档的icon区分