Business locator

Connect your locations to a searchable list. Help visitors find the right place and see what it offers.

Map + location list · Calgary

Sample content

Fieldwork Supply

Everyday goods. Around the corner.

4 locations

Demonstration content. Business locations and public notices are fictional; guide landmarks are real.

Add to your React app

One command copies the map, interactions, and sample content into your project. The interface follows your shadcn theme.

npx shadcn@latest add https://registry.unmap.dev/r/business-locator-01.json

For React apps with shadcn and Base UI already set up. The CLI adds the required components and packages.

import { BusinessLocator } from "@/components/unmap-business-locator"

<BusinessLocator apiKey="um_live_..." />

Pass your Unmap browser key and allow your site's origin on it. Edit the copied component and sample data in your components and lib folders.

Start with a map that already does something. Make the places, the content, and the colours yours.