Spatial
Map Markers
GeoJSON circle and label markers on a map.
PrimitivespatialAdvanced
Install
npx remotion-ui@latest add map-markersAdds circle and symbol label layers for GeoJSON point features on a MapLibre map.
AI usage
Install first, then import the copied source component locally.
Install
npx remotion-ui@latest add map-markersImport after install
@/remotion/primitives/map-markers- Use when: map scenes, routes, markers, and spatial storytelling.
- Customize: map, markers, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
import { MapMarkers } from "@/remotion/primitives/map-markers";
<MapMarkers map={map} markers={markerCollection} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| map* | Map | null | — | MapLibre map instance. |
| markers* | FeatureCollection<Point> | — | GeoJSON points with name property. |