Company Locations

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