v1.0
Framer Code Component
No more lookups
The country detects itself.
Most map components force you to type exact country names. “United States of America,” not “USA.” “Czechia,” not “Czech Republic.” “Côte d’Ivoire,” with the accent.
Locations Map looks at the coordinates and figures out which country contains them. Drop a pin in Berlin, Germany highlights. Drop one in São Paulo, Brazil lights up. No lookups, no typos, no broken highlights.
1
lat: 49.7937
2
lng: 9.9430
✓
Germany
Setup
Up in three steps.
01
Buy & receive
After checkout, you'll receive a component URL or remix link by email.
02
Paste into Framer
Open your Framer project and drag Locations Map from the Assets panel onto your canvas.
03
Edit in the Property Panel
Open the right sidebar. Edit Items, customize fonts and colors, adjust labels. Every value is exposed — no code editing.
Built for shipping
Six things that just work.
Smart country detection
Drop coordinates, get the country auto-
highlighted. No name lookups, no typos.
Auto-arranging cards
Cards rebalance based on actual heights.
Mixed image and text cards handled cleanly.
Smart pin clustering
When you have many close-together locations, pins automatically group into a count badge. Click to zoom in and reveal individuals.
Brand-ready typography
Headline and Body fonts as separate
controls. Family, weight, italic, size for each.
Mobile-aware sizing
Single slider scales typography
proportionally on small screens. No oversized
hero text.
Multilingual UI
All visible text is customizable. Set any language for labels, counters, and empty states.
Common questions
Before you buy.
Does it work with Framer’s CMS?
How many locations can I add?
The component handles 5 to 100+ items comfortably. Beyond that you'll still get smooth performance, but the sidebar starts to feel long even with pagination. For datasets larger than a few hundred locations, a custom database-backed solution is usually the better fit.
What if I have lots of locations in one city?
When pins overlap visually, the component groups them into a single cluster pin with a count badge. Click the cluster to zoom in and reveal the individual pins. Works automatically, can be disabled in the Property Panel.
How do I find coordinates for a location?
Right-click anywhere in Google Maps and the first item in the context menu shows the exact latitude and longitude — click to copy. Paste them into the Latitude and Longitude fields of your item. The country is detected automatically.
What about small countries like Singapore or Vatican City?
The component uses the world-atlas-110m dataset, which doesn’t include very small countries. Pins still drop at your lat/lng — only the country highlighting won’t work for these. The card appears in the sidebar, clicking works, everything functions except the country shape itself.
Can I customize the country name detection?
Yes. The country field on each item is optional. Leave it blank for auto-detection, or fill it in to override (e.g. for items near borders). Manual entries take precedence over auto-detection.
Does it support languages other than English?
Yes. Every visible label is a customizable string — group header, single-country header, "Worldwide" title, item singular/plural, empty state. Set them in any language. The component itself doesn't translate content, but it won't hold you back if your site is multilingual.
Do you offer refunds?
Yes — there's a 14-day refund policy. If Locations Map doesn't work as described, email support@koja-studios.de within 14 days of purchase for a full refund. Since it's a digital product with instant delivery, refunds outside that window can't be granted — but if something's broken, reach out and we'll fix it or refund.
Will there be updates?
Yes. Updates are free for buyers, delivered through Framer’s component remix mechanism. We’re committed to fixing bugs and adding small improvements based on user feedback for the lifetime of the component.
Need a hand?
Real humans answering real questions. We usually
respond within one business day.
