Localisateur de succursales
Indiquez la succursale la plus proche. La recherche centre la carte, la liste suit la vue et la succursale choisie montre sa zone de trajet et l'itinéraire.
Les aperçus exécutent le code installé avec la clé de démonstration d'unmap, des composants shadcn d'origine et le thème unmap. Dans votre projet, il adopte votre thème.
Ajoutez-le avec la CLI unmap
Détecte Next.js ou Nuxt, place la page, installe les composants qu'elle utilise et déclare la variable de la clé.
Ajouter à votre application Next.js
Ajouter à votre application Nuxt
La page lit votre clé navigateur dans NEXT_PUBLIC_UNMAP_KEY sous Next.js, ou dans NUXT_PUBLIC_UNMAP_KEY sous Nuxt, qui exige aussi runtimeConfig: { public: { unmapKey: "" } } dans nuxt.config (unmap add écrit les deux). Autorisez l'origine de votre site pour cette clé.
Ce qu'il comprend
- Recherche avec succursales regroupées et une liste qui suit la carte
- Une zone de trajet en voiture autour de la succursale choisie
- L'itinéraire jusqu'à elle, sur les succursales de la Bibliothèque publique d'Ottawa (données ouvertes de la Ville d'Ottawa)
Bloc de page
Une page entière qui appelle l'API unmap avec votre clé. Elle s'installe dans Next.js ou Nuxt et adopte votre thème shadcn.
