Locations Map
Interactive world map for locations, projects, or tour stops. Country auto-detection, smart pin clustering, and paginated sidebar. Click any country or pin to filter inline. Customize typography, colors, layout, and labels.
Features
Country auto-detection from lat/lng coordinates
Smart pin clustering — overlapping pins group when zoomed out
Auto-arranging sidebar with pagination — handles 5 to 100+ items
Three projections: Mercator, Equal Earth, Natural Earth
Multilingual UI — labels and counters in any language
Mobile-aware — typography, pagination, and breakpoint configurable
Accessible — ARIA labels, focus rings, screen reader announcements
Customization
Every visible value is exposed in the Property Panel:
Items: title, location, lat/lng, description, image, meta (country auto-detected)
Map: projection, country colors (default, hover, active), background, borders
Pin: color, size, pulse, clustering toggle
Sidebar: visibility, position, colors, image dimensions, button radius
Typography: Headline and Body fonts (family, weight, italic, size)
Mobile: breakpoint, map height, items per page, typography scale
Labels: all UI strings
Behavior: zoom and pan
Fully self-contained: no external dependencies or network requests
See styling examples on https://koja-studios.de/components/locations-map.
Use Cases
Studios and agencies — offices and partners
Foundations and NGOs — field programs
Music tours and conferences — tour dates
Specialty brands — origins and stockists
Manufacturers and B2B — global facilities
Updates and Support
Free lifetime updates. Email support at support@koja-studios.de — usually 1–2 business days. 14-day refund policy.
License
Unlimited personal and commercial use, including client work. No resale or redistribution. Full terms: https://koja-studios.de/legal/license
