Company Locations
I built this Company Locations Component to make showcasing global locations feel effortless and polished — without relying on Google Maps, external APIs, or custom code.
Make it with Workshop
Build your own component with AI
Locations Component
I built Company Locations Component to make showcasing global locations feel effortless and polished — without relying on Google Maps, external APIs, or custom code.
You simply add your locations and the component takes care of everything: rendering a clean, responsive world map, handling smooth zoom and pan interactions, and keeping location pins perfectly in sync with a flexible card list. It’s designed to be easy to use, visually refined, and fully customizable to fit any brand or layout.
What it does:
Renders an interactive SVG world map with no API keys or third-party map services
Lets you add locations easily — coordinates are resolved automatically when needed
Supports smooth pan, animated zoom, double-click zoom, and reset controls
Automatically focuses or fits the map to visible locations
Displays interactive pins linked to a responsive, filterable location list
Includes region and division filters with full-text search
Highlights countries on hover with optional tooltips
Offers deep styling control for the map, pins, cards, tooltips, and UI elements
Handles loading and error states gracefully out of the box
