Layers@knitui/map
Fill Layer
FillLayer paints the interior of Polygon features. fillColor and fillOpacity set the fill, fillOutlineColor adds a 1px crisp edge, and fillColor can be a data-driven expression to choropleth-shade regions by a property.
WebiOSAndroidnative split14 own props4 examples
import { FillLayer } from "@knitui/map";Playground
Loading playground…
<FillLayer />Examples
Basic
A single translucent fill over one polygon.
Loading example…
Data Driven
Data-driven: fillColor is interpolated from each region's density, producing a choropleth from pale to deep red.
Loading example…
With Outline
A fill with a contrasting outline color to crisply delineate the polygon.
Loading example…
Styling Variations
Styling variations: a near-solid, high-opacity fill with antialiasing disabled for a flat, poster-like region block.
Loading example…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
afterId | string | undefined | — | — |
beforeId | string | undefined | — | — |
filter | FilterSpecification | undefined | — | — |
id | string | undefined | — | — |
layerIndex | number | undefined | — | — |
layout | Record<string, unknown> | undefined | — | — |
maxzoom | number | undefined | — | — |
minzoom | number | undefined | — | — |
paint | Record<string, unknown> | undefined | — | — |
source | string | undefined | — | — |
source-layer | string | undefined | — | — |
sourceLayer | string | undefined | — | — |
style | FillLayerStyle | undefined | — | — |
testID | string | undefined | — | — |