EN
Toutes les applications

Explorer en 3D toutes les stations de ski du Canada avec unmap

Comment est construit l'Explorateur de stations de ski d'unmap : toutes les stations canadiennes d'OpenStreetMap sur le style hiver en 3D, avec recherche, filtre par province, faits sur chaque station, câbles de remontées en 3D et liens à partager.

Ouvrir l'applicationCode source

L'Explorateur de stations de ski place toutes les stations de ski du Canada sur le style winter en relief 3D. Cherchez par nom, filtrez par province ou territoire et par ski alpin ou de fond, puis choisissez une station : la caméra s'y rend et s'incline sur son relief, et le panneau montre son dénivelé, son sommet et sa base, ses pistes, ses remontées, l'orientation de ses pistes et le temps de route depuis la ville la plus proche. Activez Remontées 3D et les câbles des remontées sont tracés sur le relief à leur vraie hauteur. L'application tourne à apps.unmap.dev/winter, et son code est un projet Next.js autonome que vous pouvez cloner et lancer avec votre propre clé.

Les données viennent d'OpenStreetMap, servies par le module complémentaire Ski sous la Licence ouverte de bases de données, et le panneau les crédite partout où elles s'affichent. Ce sont des informations sur le relief seulement, pas un avis sur les avalanches ni sur la sécurité : il n'y a pas d'état en direct des remontées, des pistes ni du damage. Consultez les conditions de la station et le bulletin d'avalanche avant de partir.

Ce qu'elle fait

  • Tout le Canada en 3D : le style winter sur relief 3D, avec la superposition ski des pistes et des remontées.
  • Recherche et filtres : par nom (accents et casse ignorés), par province ou territoire, et par ski alpin ou de fond.
  • Page d'une station : dénivelé, sommet et base, nombre de pistes et kilomètres de ski alpin et de fond, nombre de remontées, orientation sur huit directions, temps de route depuis la ville de 100 000 habitants ou plus la plus proche, et les sites Web de la station.
  • Remontées 3D : l'interrupteur de l'en-tête trace les câbles des remontées de la station choisie avec deck.gl, dans le contexte WebGL de la carte, à des hauteurs tirées de la même version du relief que la carte. deck.gl n'est téléchargé que lorsque vous l'activez.
  • Partage : le lien garde la station et l'interrupteur, par exemple ?area=sunshine-village&lifts=3d, et ?lang=fr pour le français.

Ce qu'elle coûte en appels d'API

Au chargement, l'application appelle /ski/areas une fois, puis à chaque changement de filtre (la recherche attend une pause dans la frappe). Choisir une station ne fait aucun appel : la liste la contient déjà. Avec les remontées 3D, chaque station choisie appelle /ski/areas/{id}/lifts-3d une fois. Les requêtes de style, de tuiles et de relief de la carte comptent comme pour toute carte.

La clé qu'il faut

Une clé de navigateur avec le module complémentaire Ski. Sans lui, l'application montre quand même la carte hiver en 3D, et le panneau explique pourquoi les stations manquent et renvoie aux tarifs. Avec le forfait de développement, le module fonctionne depuis localhost et les origines de prévisualisation.

Construite avec le registre, sans modification

Toute la page est le bloc ski-resort-explorer, avec l'élément de carte en dessous, copiés sans modification; l'application ajoute l'en-tête, l'interrupteur des remontées 3D et le lien. Installer le même bloc dans votre projet tient en une commande :

npx @unmap/cli add ski-resort-explorer

Ce qu'elle ne fait pas

  • État en direct : les remontées, les pistes et le damage sont tels que cartographiés, pas tels qu'aujourd'hui.
  • Sécurité : aucun danger d'avalanche, aucune cote ATES ni aucun conseil d'itinéraire.
  • Modèles 3D des remontées : les remontées sont tracées comme des câbles, sans pylônes ni sièges.
  • Hors du Canada : seules les stations canadiennes sont dans les données.

Lancez-la vous-même

Il vous faut Git, Node.js 24, pnpm et une clé de navigateur avec le module complémentaire Ski, tirée du tableau de bord, qui autorise http://localhost:3209.

git clone --depth 1 https://github.com/unmap-dev/winter.git
cd winter
pnpm install --frozen-lockfile
cp .env.example .env.local

Définissez NEXT_PUBLIC_UNMAP_KEY dans .env.local avec votre clé, lancez pnpm dev et ouvrez localhost:3209. La référence Domaines skiables couvre l'API, la superposition et les fichiers de remontées 3D, et la référence API Maps couvre les fonds de carte et le relief.