Tous les modèles

Guide local

Donnez un point de vue à vos lieux. Reliez de courts récits à une suite d’étapes sur la carte.

Carte + étapes guidées · Montréal
Contenu de démonstration

Montréal à un autre rythme

Quatre lieux où faire une pause, du canal à la montagne.

Étape 1 sur 4

Commencez au bord de l’eau. Le canal donne au guide son premier changement de rythme : une longue perspective sur une ville souvent découverte un îlot à la fois.

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/local-guide-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 { LocalGuide } from "@/components/unmap-local-guide"

<LocalGuide 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

  • Une suite d’étapes liées
  • Des notes à côté de la carte
  • Navigation entre les étapes

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