Aller au contenu

Exemples

Tous les extraits de ces pages supposent que vous avez déjà const unmap = new Unmap({ key }) issu du Guide de démarrage; ils montrent l'appel, pas la configuration.

Des exemples ciblés et exécutables. Chaque page est une idée : une carte, une recherche ou un itinéraire. Le code affiché à côté de chaque volet en direct est celui qui l'a produit, donc vous pouvez copier une page dans un projet et obtenir le même résultat.

Les pages de cartes suivent le même grain que les exemples MapLibre GL JS et les exemples Mapbox GL JS : afficher une carte, changer son allure, poser un repère. Le géocodage et les itinéraires reprennent les mêmes tâches que la plateforme Google Maps et les guides Mapbox : géocodage direct et inverse, autocomplétion, recherche à proximité, directions et zones de temps de parcours.

Rien ici ne suppose que vous avez déjà utilisé une API cartographique. Si un mot comme tuile, style ou isochrone vous échappe, le glossaire d'une minute de l'Aperçu définit les sept qui comptent.

Cartes

Initialisez une carte, changez son style, son mode ou sa langue, appliquez un thème, affichez-la comme un globe, ou posez un repère sur un lieu.

Afficher une carte
Initialisez une carte dans un élément HTML avec le SDK unmap.
Ouvrir
Changer le style
Passez d'un style structurel à un autre, chacun en clair et en sombre.
Ouvrir
Mode sombre
Le même style, dessiné pour une page sombre.
Ouvrir
Changer la langue
Affichez les étiquettes en français, en anglais, ou dans l'une des 41 langues des tuiles.
Ouvrir
Appliquer un thème
Redessinez la carte avec un traitement de couleur du créateur de thèmes.
Ouvrir
Carte outdoor
Le style outdoor, avec l'ombrage du relief là où le MNE couvre.
Ouvrir
Ajouter un repère
Géocodez un lieu et posez un marqueur MapLibre sur la réponse.
Ouvrir
Contrôles de navigation
Zoom, boussole, et comment les déplacer ou les masquer.
Ouvrir
Afficher le globe
La même carte, dessinée comme une sphère.
Ouvrir
Superpositions canadiennes
Composer une couche du catalogue sur le fond de carte avec overlays.
Ouvrir
Carte énergie
Composer l'ensemble des superpositions énergie avec une option profile. Les tuiles 404 tant que les archives n'arrivent pas.
Ouvrir
Carte agriculture
Composer l'ensemble des superpositions agriculture avec une option profile. Les tuiles 404 tant que les archives n'arrivent pas.
Ouvrir
Carte éloignée
Composer l'ensemble des superpositions éloignées avec une option profile. Les tuiles de superposition sont en direct sur R2.
Ouvrir
Carte minière
Composer l'ensemble des superpositions minières avec une option profile. Les tuiles 404 tant que les archives n'arrivent pas.
Ouvrir
Trouver l'altitude d'un point
Cliquez n'importe où au Canada et lisez l'altitude du sol.
Ouvrir

Géocodage

Transformez un texte en coordonnée, une coordonnée en lieu, une requête partielle en suggestions, une catégorie en correspondances les plus proches, ou plusieurs adresses en une requête.

Rechercher un lieu
Géocodage direct. Transformez une adresse ou un nom de lieu en coordonnée.
Ouvrir
Autocomplétion à la frappe
Suggestions au fil de la frappe à partir d'une requête partielle, pour un champ de recherche.
Ouvrir
Géocodage inverse
Transformez une coordonnée en adresse ou lieu le plus proche.
Ouvrir
Géocoder plusieurs adresses
Envoyez jusqu'à 100 recherches en un seul POST. La réponse est un tableau aligné sur l'entrée.
Ouvrir
Lieux à proximité
Recherche par catégorie autour d'un point, triée par distance.
Ouvrir
Placer un repère depuis une recherche
Géocodez une requête et épinglez le premier résultat sur la carte.
Ouvrir

Itinéraires

Demandez un trajet entre deux points, choisissez un mode de déplacement, ou dessinez la zone que vous pouvez atteindre en un temps donné.

Obtenir un itinéraire
Un trajet en voiture entre deux points, dessiné sur la carte.
Ouvrir
Itinéraire à pied
Un trajet piéton entre deux points.
Ouvrir
Modes de déplacement
Conduite, vélo, marche et camion sur les mêmes deux points.
Ouvrir
Zones de temps de parcours
Isochrones. La zone que vous pouvez atteindre depuis un point dans un temps donné.
Ouvrir