Layers@knitui/map
Background Layer
BackgroundLayer paints a solid color (or pattern) across the entire map viewport. It is the one layer with no source — it has nothing to reference and is added as a direct child of <Map>. Drawn first it acts as a backdrop beneath other layers; with a translucent backgroundColor it tints whatever sits below it.
WebiOSAndroidnative split10 own props2 examples
import { BackgroundLayer } from "@knitui/map";Playground
Loading playground…
<BackgroundLayer />Examples
Solid Color
A solid background color filling the map — no tiles, just a flat backdrop.
Loading example…
Translucent Tint
A semi-transparent tint laid over the basemap — useful for dimming or warming the map without hiding it.
Loading example…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
afterId | string | undefined | — | — |
beforeId | string | undefined | — | — |
id | string | undefined | — | — |
layerIndex | number | undefined | — | — |
layout | Record<string, unknown> | undefined | — | — |
maxzoom | number | undefined | — | — |
minzoom | number | undefined | — | — |
paint | Record<string, unknown> | undefined | — | — |
style | BackgroundLayerStyle | undefined | — | — |
testID | string | undefined | — | — |