Récit cartographique
Racontez une histoire que la carte suit. Au défilement, chaque chapitre déplace la caméra et révèle un itinéraire ou une zone de temps de parcours.
Données de démonstration sur de vrais lieux canadiens. L'aperçu utilise la clé de démonstration d'unmap.
Ajoutez-le avec la CLI unmap
Installe le composant, ses éventuelles données de démonstration et les composants shadcn qu'il utilise. Projets React seulement ; dans un projet Vue, la commande s'arrête avant de modifier quoi que ce soit.
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.
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
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
- Des chapitres qui déplacent la caméra au défilement
- Itinéraires et zones de temps de parcours calculés en direct par l'API d'itinéraires
- Une colonne de texte lisible avec une carte qui reste visible
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