FillLayer is a style layer that renders one or more filled (and optionally stroked) polygons on the map.
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| style | FillLayerStyleProps |
none |
false |
Customizable style attributes |
| sourceID | FIX ME UNKNOWN TYPE |
MapLibreGL.StyleSource.DefaultSourceID |
false |
FIX ME NO DESCRIPTION |
- fillSortKey
- visibility
- fillAntialias
- fillOpacity
- fillColor
- fillOutlineColor
- fillTranslate
- fillTranslateAnchor
- fillPattern
fillSortKey
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
visibility
Whether this layer is displayed.
enum
visible
visible - The layer is shown.
none - The layer is not shown.
fillAntialias
Whether or not the fill should be antialiased.
boolean
true
Parameters: zoom
fillOpacity
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
fillOpacityTransition
The transition affecting any changes to this layer’s fillOpacity propery.
{ duration, delay }
milliseconds
{duration: 300, delay: 0}
fillColor
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
fillColorTransition
The transition affecting any changes to this layer’s fillColor propery.
{ duration, delay }
milliseconds
{duration: 300, delay: 0}
fillOutlineColor
The outline color of the fill. Matches the value of fillColor if unspecified.
color
fillPattern
Parameters: zoom, feature, feature-state
fillOutlineColorTransition
The transition affecting any changes to this layer’s fillOutlineColor propery.
{ duration, delay }
milliseconds
{duration: 300, delay: 0}
fillTranslate
The geometry's offset. Values are [x, y] where negatives indicate left and up, respectively.
array<number>
[0,0]
pixels
Parameters: zoom
fillTranslateTransition
The transition affecting any changes to this layer’s fillTranslate propery.
{ duration, delay }
milliseconds
{duration: 300, delay: 0}
fillTranslateAnchor
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
fillPattern
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
fillPatternTransition
The transition affecting any changes to this layer’s fillPattern propery.
{ duration, delay }
milliseconds
{duration: 300, delay: 0}