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.
Initialisez une carte dans un élément HTML avec le SDK unmap.
OuvrirPassez d'un style structurel à un autre, chacun en clair et en sombre.
OuvrirLe même style, dessiné pour une page sombre.
OuvrirAffichez les étiquettes en français, en anglais, ou dans l'une des 41 langues des tuiles.
OuvrirRedessinez la carte avec un traitement de couleur du créateur de thèmes.
OuvrirLe style outdoor, avec l'ombrage du relief là où le MNE couvre.
OuvrirGéocodez un lieu et posez un marqueur MapLibre sur la réponse.
OuvrirZoom, boussole, et comment les déplacer ou les masquer.
OuvrirLa même carte, dessinée comme une sphère.
OuvrirComposer une couche du catalogue sur le fond de carte avec overlays.
OuvrirComposer l'ensemble des superpositions énergie avec une option profile. Les tuiles 404 tant que les archives n'arrivent pas.
OuvrirComposer l'ensemble des superpositions agriculture avec une option profile. Les tuiles 404 tant que les archives n'arrivent pas.
OuvrirComposer l'ensemble des superpositions éloignées avec une option profile. Les tuiles de superposition sont en direct sur R2.
OuvrirComposer l'ensemble des superpositions minières avec une option profile. Les tuiles 404 tant que les archives n'arrivent pas.
OuvrirCliquez 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.
Géocodage direct. Transformez une adresse ou un nom de lieu en coordonnée.
OuvrirSuggestions au fil de la frappe à partir d'une requête partielle, pour un champ de recherche.
OuvrirTransformez une coordonnée en adresse ou lieu le plus proche.
OuvrirEnvoyez jusqu'à 100 recherches en un seul POST. La réponse est un tableau aligné sur l'entrée.
OuvrirRecherche par catégorie autour d'un point, triée par distance.
OuvrirGé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é.
Un trajet en voiture entre deux points, dessiné sur la carte.
OuvrirUn trajet piéton entre deux points.
OuvrirConduite, vélo, marche et camion sur les mêmes deux points.
OuvrirIsochrones. La zone que vous pouvez atteindre depuis un point dans un temps donné.
Ouvrir