An interactive map component for exploring locations with rich, customizable markers and info cards. Supports geocoding, 6 map styles, automatic marker clustering, and detailed popups with image carousels and categorized descriptions.
Map
Enter an address, place name, or lat/lng coordinates — locations are resolved automatically via geocoding
Choose from 6 tile styles: Voyager, Light, Dark, Standard, Humanitarian, and Topographic
Toggle scroll-to-zoom and drag interactions independently
Markers
Add unlimited markers with custom colors and a unified, adjustable size
Automatic clustering groups nearby markers at lower zoom levels, with configurable radius and cluster color
Click a cluster to zoom in and expand individual markers
Info Cards
Clicking a marker reveals a slide-up info card with category label, title, description, and location
Image carousel with navigation arrows and dot indicators, supporting multiple images per marker
Adjustable image aspect ratio from panoramic to square
Three independent font controls for label, title, and description
Customizable card width, corner radius, background color, text colors, and box shadow
Zoom Controls
Styled zoom buttons with configurable background, icon color, divider, button size, and corner radius
Can be toggled on/off entirely