Interactive map with unlimited custom markers, clustering, themes, and popups. No API key needed. Uses OpenStreetMap & Leaflet for easy location display.
Made with Workshop
Build your own component with AI
Powered by OpenStreetMap & Leaflet
A powerful, zero-configuration mapping component for displaying multiple locations—without API keys, billing setup, or usage limits. Ideal for real estate, store locators, event maps, and any project that needs reliable location visualization with full control.
Works instantly. No setup, no developer accounts, no usage caps.
Add as many locations as you need—no restrictions or throttling.
Automatically groups nearby markers into numbered clusters to prevent visual clutter in dense areas.
Use default colored markers or upload fully custom pin images.
Choose from:
Standard
Dark
Light
Satellite
Topographic
Click any marker to reveal clean, customizable popups with property or location details.
Paste coordinates directly from Google Maps in Lat, Lng format.
Adapts perfectly to all screen sizes and breakpoints—desktop, tablet, and mobile.
Optionally open a popup automatically on load for single-location maps.
Control colors, border radius, popup layout, typography, and visual hierarchy.
No API keys, billing, quotas, or accounts—unlike Google Maps or Mapbox.
Perfect for high-density use cases such as real estate portfolios, retail chains, or service coverage maps.
Designed with Nordic real estate and property platforms in mind.
Five visually distinct map styles to match any brand or design system.
Built from the ground up to behave correctly across breakpoints—no broken layouts or awkward zoom behavior.
Real estate listings & property portfolios
Store and office locators
Event venue maps
Service area visualization
Multi-location business websites
Travel itineraries & guides
The component dynamically loads Leaflet.js and OpenStreetMap tiles at runtime—no project dependencies required.
Add markers using simple property controls
Paste coordinates directly from Google Maps
Customize styling and popup content
Marker clustering activates automatically when locations are close
Click clusters to expand and explore individual locations
Each marker displays a fully customizable popup with your location data.
OpenStreetMap + Leaflet.js (CDN-loaded)
Marker clustering via Leaflet.markercluster
Server-side rendering compatible (with proper guards)
Accessible (ARIA labels & semantic HTML)
Uses Inter (Google Fonts) for modern, clean typography
Optimized performance with automatic cleanup on unmount