Explorateur de dénivelé
Montrez la montée avant le départ. Choisissez une sortie, un itinéraire à vélo ou une ligne dessinée, et lisez chaque pente sur un graphique relié à la carte.
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
- Des sorties d'exemple, un itinéraire à vélo ou une ligne dessinée
- Le profil et la carte se répondent au survol
- La ligne colorée selon la pente
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.
