EN
Tous les modèles

Explorateur de stations de ski

Toutes les stations de ski du Canada en relief 3D : cherchez, filtrez, et voyez le dénivelé, les pistes, les remontées et le temps de route.

Les stations, pistes et remontées exigent le module Ski. Avec une clé qui ne l'a pas, la page montre le style hiver en 3D, explique pourquoi et renvoie aux tarifs.
Explorateur cartographique · Canada
Bloc de page

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é.

npx @unmap/cli add ski-resort-explorer

Ajouter à votre application Next.js

npx shadcn@latest registry add @unmap=https://registry.unmap.dev/r/{name}.json
npx shadcn@latest add @unmap/ski-resort-explorer

Ajouter à votre application Nuxt

npx shadcn-vue@latest add https://registry.unmap.dev/r/vue/ski-resort-explorer.json

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

  • Stations, pistes et remontées d'OpenStreetMap, créditées sous licence ODbL
  • L'orientation sur huit directions et le temps de route depuis la ville la plus proche
  • Sans le module Ski, explique pourquoi au lieu d'échouer

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.

Lire le guide du blocÉlément du registre (JSON)