Mapbox spec: [fill](https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/#fill) ```tsx import { FillLayer } from '@rnmapbox/maps'; FillLayer ``` FillLayer is a style layer that renders one or more filled (and optionally stroked) polygons on the map. ## props ### id ```tsx string ``` _required_ A string that uniquely identifies the source in the style to which it is added. ### existing ```tsx boolean ``` The id refers to an existing layer in the style. Does not create a new layer. [Change Layer Color](../examples/Map/ChangeLayerColor), [Show and hide layer](../examples/Map/ShowAndHideLayer) ### sourceID ```tsx string ``` The 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` ### sourceLayerID ```tsx string ``` Identifier of the layer within the source identified by the sourceID property from which the receiver obtains the data to style. ### aboveLayerID ```tsx string ``` Inserts a layer above aboveLayerID. ### belowLayerID ```tsx string ``` Inserts a layer below belowLayerID ### layerIndex ```tsx number ``` Inserts a layer at a specified index ### filter ```tsx FilterExpression ``` Filter only the features in the source layer that satisfy a condition that you define ### minZoomLevel ```tsx number ``` The minimum zoom level at which the layer gets parsed and appears. ### maxZoomLevel ```tsx number ``` The maximum zoom level at which the layer gets parsed and appears. ### slot ```tsx '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 ### style ```tsx FillLayerStyleProps ``` Customizable style attributes ## styles * fillSortKey
* visibility
* fillAntialias
* fillOpacity
* fillColor
* fillOutlineColor
* fillTranslate
* fillTranslateAnchor
* fillPattern
* fillPatternCrossFade
* fillEmissiveStrength
___ ### fillSortKey Name: `fillSortKey` Mapbox spec: [fill-sort-key](https://docs.mapbox.com/style-spec/reference/layers/#layout-fill-fill-sort-key) #### Description Sorts features in ascending order based on this value. Features with a higher sort key will appear above features with a lower sort key. #### Type `number` #### Expression Parameters: `zoom, feature` ___ ### visibility Name: `visibility` Mapbox spec: [visibility](https://docs.mapbox.com/style-spec/reference/layers/#layout-fill-visibility) #### Description Whether this layer is displayed. #### Type `enum` #### Default Value `visible` #### Supported Values **visible** - The layer is shown.
**none** - The layer is not shown.
#### Expression Parameters: `` ___ ### fillAntialias Name: `fillAntialias` Mapbox spec: [fill-antialias](https://docs.mapbox.com/style-spec/reference/layers/#paint-fill-fill-antialias) #### Description Whether or not the fill should be antialiased. #### Type `boolean` #### Default Value `true` #### Expression Parameters: `zoom` ___ ### fillOpacity Name: `fillOpacity` Mapbox spec: [fill-opacity](https://docs.mapbox.com/style-spec/reference/layers/#paint-fill-fill-opacity) #### Description 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. #### Type `number` #### Default Value `1` #### Minimum `0` #### Maximum `1` #### Expression Parameters: `zoom, feature, feature-state, measure-light` ___ ### fillOpacityTransition Name: `fillOpacityTransition` #### Description The transition affecting any changes to this layer’s fillOpacity property. #### Type `{ duration, delay }` #### Units `milliseconds` #### Default Value `{duration: 300, delay: 0}` ___ ### fillColor Name: `fillColor` Mapbox spec: [fill-color](https://docs.mapbox.com/style-spec/reference/layers/#paint-fill-fill-color) #### Description 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. #### Type `color` #### Default Value `#000000` #### Disabled By `fillPattern` #### Expression Parameters: `zoom, feature, feature-state, measure-light` ___ ### fillColorTransition Name: `fillColorTransition` #### Description The transition affecting any changes to this layer’s fillColor property. #### Type `{ duration, delay }` #### Units `milliseconds` #### Default Value `{duration: 300, delay: 0}` ___ ### fillOutlineColor Name: `fillOutlineColor` Mapbox spec: [fill-outline-color](https://docs.mapbox.com/style-spec/reference/layers/#paint-fill-fill-outline-color) #### Description The outline color of the fill. Matches the value of `fillColor` if unspecified. #### Type `color` #### Disabled By `fillPattern` #### Expression Parameters: `zoom, feature, feature-state, measure-light` ___ ### fillOutlineColorTransition Name: `fillOutlineColorTransition` #### Description The transition affecting any changes to this layer’s fillOutlineColor property. #### Type `{ duration, delay }` #### Units `milliseconds` #### Default Value `{duration: 300, delay: 0}` ___ ### fillTranslate Name: `fillTranslate` Mapbox spec: [fill-translate](https://docs.mapbox.com/style-spec/reference/layers/#paint-fill-fill-translate) #### Description The geometry's offset. Values are [x, y] where negatives indicate left and up, respectively. #### Type `array` #### Default Value `[0,0]` #### Units `pixels` #### Expression Parameters: `zoom` ___ ### fillTranslateTransition Name: `fillTranslateTransition` #### Description The transition affecting any changes to this layer’s fillTranslate property. #### Type `{ duration, delay }` #### Units `milliseconds` #### Default Value `{duration: 300, delay: 0}` ___ ### fillTranslateAnchor Name: `fillTranslateAnchor` Mapbox spec: [fill-translate-anchor](https://docs.mapbox.com/style-spec/reference/layers/#paint-fill-fill-translate-anchor) #### Description Controls the frame of reference for `fillTranslate`. #### Type `enum` #### Default Value `map` #### Supported Values **map** - The fill is translated relative to the map.
**viewport** - The fill is translated relative to the viewport.
#### Requires `fillTranslate` #### Expression Parameters: `zoom` ___ ### fillPattern Name: `fillPattern` Mapbox spec: [fill-pattern](https://docs.mapbox.com/style-spec/reference/layers/#paint-fill-fill-pattern) #### Description 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. #### Type `resolvedImage` #### Expression Parameters: `zoom, feature` ___ ### fillPatternCrossFade Name: `fillPatternCrossFade` Mapbox spec: [fill-pattern-cross-fade](https://docs.mapbox.com/style-spec/reference/layers/#paint-fill-fill-pattern-cross-fade) #### Description Controls the transition progress between the image variants of fillPattern. Zero means the first variant is used, one is the second, and in between they are blended together. Both images should be the same size and have the same type (either raster or vector). #### Type `number` #### Default Value `0` #### Minimum `0` #### Maximum `1` #### Requires `linePattern` #### Expression Parameters: `zoom, measure-light` ___ ### fillEmissiveStrength Name: `fillEmissiveStrength` Mapbox spec: [fill-emissive-strength](https://docs.mapbox.com/style-spec/reference/layers/#paint-fill-fill-emissive-strength) #### Description Controls the intensity of light emitted on the source features. #### Type `number` #### Default Value `0` #### Units `intensity` #### Minimum `0` #### Requires `lights` #### Expression Parameters: `zoom, measure-light` ___ ### fillEmissiveStrengthTransition Name: `fillEmissiveStrengthTransition` #### Description The transition affecting any changes to this layer’s fillEmissiveStrength property. #### Type `{ duration, delay }` #### Units `milliseconds` #### Default Value `{duration: 300, delay: 0}`