Map Markers
GeoJSON circle and label markers on a map.
PrimitiveMaps & deviceAdvanced
map-markers30fps · 960×540
Install
$ npx remotion-ui@latest add map-markersAdds circle and symbol label layers for GeoJSON point features on a MapLibre map.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/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
Example
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. |