edbnedbn/ui
Maps
Getting StartedInstallationAPI Reference
Map Components
MapControlsMarkers
PopupsRoutesClustersSearchHeatmapDirectionsAdvanced
0installs
ComponentsBlocksMaps
HomeDocsMapsMarkers

On this page

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.

© CARTO, © OpenStreetMap

Rich Popups

Build complex popups with images, ratings, and action buttons using shadcn/ui components.

© CARTO, © OpenStreetMap

Draggable Marker

Create draggable markers that users can move around the map. Click the marker to see its current coordinates in a popup.

© CARTO, © OpenStreetMap