Markers
Add interactive markers to your map with popups and tooltips.
Use MapMarker to place markers on the map. Each marker can have custom content, popups that open on click, and tooltips that appear on hover.
Performance tip:
MapMarker is DOM-based and works best for a few hundred markers. For larger datasets, see the GeoJSON layers example instead. Rendering many DOM markers can make the browser sluggish.Basic Example
Simple markers with tooltips and popups showing location information.
Rich Popups
Build complex popups with images, ratings, and action buttons using shadcn/ui components.
Draggable Marker
Create draggable markers that users can move around the map. Click the marker to see its current coordinates in a popup.