Localisateur de commerces

Reliez vos adresses à une liste consultable. Aidez les visiteurs à trouver le bon lieu et à découvrir ce qu’il offre.

Carte + liste de lieux · Calgary

Contenu de démonstration

Fieldwork Supply

Des essentiels du quotidien, tout près de vous.

4 lieux

Contenu de démonstration. Les commerces et les avis publics sont fictifs; les lieux du guide existent.

Ajouter à votre application React

Une commande copie la carte, les interactions et le contenu de démonstration dans votre projet. L'interface suit votre thème shadcn.

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

Pour les applications React où shadcn et Base UI sont déjà configurés. La CLI ajoute les composants et paquets nécessaires.

Afficher le modèle

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

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

Passez votre clé navigateur Unmap et autorisez l'origine de votre site. Modifiez le composant et les données copiés dans vos dossiers components et lib.

Ce modèle comprend

Recherche et filtres par catégorie
Carte et détails des lieux liés
Couleurs et contenu personnalisables

Personnaliser le thème de la carte

Commencez avec une carte déjà utile. Adaptez les lieux, le contenu et les couleurs à votre projet.

Personnaliser le thème de la carte