Component
MapFeatureList
Every place on a map as a list — the non-visual way to find one and go to it.
import { MapFeatureList } from '@loidolt/theme-maps';
Example
Focus the map to move it: arrow keys pan, plus and minus zoom, Shift with the arrows rotates and tilts.
Notes
- Choosing an item flies the map there (or jumps, for reduced motion). Place it beside the map and pass the bound
map.
Props
Generated from the component source, so it cannot drift from the implementation.
| Prop | Type | Default | Notes |
|---|---|---|---|
items required | MapFeatureItem[] | — | The places on the map, in reading order. |
label required | string | — | Names the list, e.g. "Stops on this route". |
class | string | — | |
map | MapLibreMap | null | null | The map to move. Found automatically inside a MapView; pass it when the list sits beside one. |
onSelect | (item: MapFeatureItem) => void | — | |
selected bindable | string | number | null | null | The chosen item, highlighted. Bindable. |
zoom | number | 14 | Zoom level to fly to. |
Plus the attributes of HTMLAttributes<HTMLElement>, forwarded to the root element.