Layer
The <Layer/> component is a child of Map, it causes a layer to be added to a map. Layers are not DOM objects, they are rendered by the Map in its presentation layer, for example a canvas element.
The order that layers appear in a Map are controlled by their order as children of a <Map/>. As in an HTML document the last Layer in a <Map/> component will be the top Layer in the Map.
Props
filter
any[] | undefined
id
string
required
layout
BackgroundLayout | CircleLayout | FillLayout | FillExtrusionLayout | HeatmapLayout | HillshadeLayout | LineLayout | RasterLayout | SymbolLayout | undefined
maxZoom
number | undefined
metadata
any
minZoom
number | undefined
paint
BackgroundPaint | FillPaint | FillExtrusionPaint | LinePaint | SymbolPaint | RasterPaint | CirclePaint | HeatmapPaint | HillshadePaint | undefined
source
string | GeoJSONSourceRaw | VideoSourceRaw | ImageSourceRaw | CanvasSourceRaw | VectorSource | RasterSource | RasterDemSource | undefined
source-layer
string | undefined
type
"symbol" | "fill" | "line" | "circle" | "fill-extrusion" | "raster" | "background" | "heatmap" | "hillshade" | undefined
Associated types
Expression
Please see the MapboxGL documentation for expressions.
Layout
Please see the MapboxGL documentation for layers.
Paint
Please see the MapboxGL documentation for layers.