Mapbox spec: fill
import { FillLayer } from '@rnmapbox/maps';
FillLayerFillLayer is a style layer that renders one or more filled (and optionally stroked) polygons on the map.
stringrequired A string that uniquely identifies the source in the style to which it is added.
booleanThe id refers to en existing layer in the style. Does not create a new layer.
Change Layer Color, Show and hide layer
stringThe source from which to obtain the data to style. If the source has not yet been added to the current style, the behavior is undefined. Inferred from parent source only if the layer is a direct child to it.
defaults to: Mapbox.StyleSource.DefaultSourceID
stringIdentifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style.
stringInserts a layer above aboveLayerID.
stringInserts a layer below belowLayerID
numberInserts a layer at a specified index
FilterExpressionFilter only the features in the source layer that satisfy a condition that you define
numberThe minimum zoom level at which the layer gets parsed and appears.
numberThe maximum zoom level at which the layer gets parsed and appears.
'bottom' | 'middle' | 'top'The slot this layer is assigned to. If specified, and a slot with that name exists, it will be placed at that position in the layer order.
v11 only
FillLayerStylePropsCustomizable style attributes
- fillSortKey
- visibility
- fillAntialias
- fillOpacity
- fillColor
- fillOutlineColor
- fillTranslate
- fillTranslateAnchor
- fillPattern
Name: fillSortKey
Mapbox spec: fill-sort-key
Sorts features in ascending order based on this value. Features with a higher sort key will appear above features with a lower sort key.
number
Parameters: zoom, feature
Name: visibility
Mapbox spec: visibility
Whether this layer is displayed.
enum
visible
visible - The layer is shown.
none - The layer is not shown.
Parameters: ``
Name: fillAntialias
Mapbox spec: fill-antialias
Whether or not the fill should be antialiased.
boolean
true
Parameters: zoom
Name: fillOpacity
Mapbox spec: fill-opacity
The opacity of the entire fill layer. In contrast to the fillColor, this value will also affect the 1px stroke around the fill, if the stroke is used.
number
1
0
1
Parameters: zoom, feature, feature-state, measure-light
Name: fillOpacityTransition
The transition affecting any changes to this layer’s fillOpacity property.
{ duration, delay }
milliseconds
{duration: 300, delay: 0}
Name: fillColor
Mapbox spec: fill-color
The color of the filled part of this layer. This color can be specified as rgba with an alpha component and the color's opacity will not affect the opacity of the 1px stroke, if it is used.
color
#000000
fillPattern
Parameters: zoom, feature, feature-state, measure-light
Name: fillColorTransition
The transition affecting any changes to this layer’s fillColor property.
{ duration, delay }
milliseconds
{duration: 300, delay: 0}
Name: fillOutlineColor
Mapbox spec: fill-outline-color
The outline color of the fill. Matches the value of fillColor if unspecified.
color
fillPattern
Parameters: zoom, feature, feature-state, measure-light
Name: fillOutlineColorTransition
The transition affecting any changes to this layer’s fillOutlineColor property.
{ duration, delay }
milliseconds
{duration: 300, delay: 0}
Name: fillTranslate
Mapbox spec: fill-translate
The geometry's offset. Values are [x, y] where negatives indicate left and up, respectively.
array<number>
[0,0]
pixels
Parameters: zoom
Name: fillTranslateTransition
The transition affecting any changes to this layer’s fillTranslate property.
{ duration, delay }
milliseconds
{duration: 300, delay: 0}
Name: fillTranslateAnchor
Mapbox spec: fill-translate-anchor
Controls the frame of reference for fillTranslate.
enum
map
map - The fill is translated relative to the map.
viewport - The fill is translated relative to the viewport.
fillTranslate
Parameters: zoom
Name: fillPattern
Mapbox spec: fill-pattern
Name of image in sprite to use for drawing image fills. For seamless patterns, image width and height must be a factor of two (2, 4, 8, ..., 512). Note that zoomDependent expressions will be evaluated only at integer zoom levels.
resolvedImage
Parameters: zoom, feature