Langue
Français

Exemples de l'API Embed

Chaque exemple est une carte en direct que vous pouvez manipuler, suivie de la page complète qui la produit. Ils pilotent tous la même carte publiée (2 480 villes du monde et 233 pays issus de Natural Earth), ce qui vous montre tout ce qu'une seule carte peut faire depuis la page qui l'entoure.

Exemple Montre
Afficher une carte Monter une carte Icon Map publiée dans une page en un seul appel et relire ce à quoi la carte répondra.
Voler vers un lieu Piloter la caméra d'une carte Icon Map incorporée : voler vers un lieu, cadrer un rectangle englobant ou une couche entière, et relire la vue.
Afficher et masquer des couches Construire votre propre sélecteur de couches pour une carte Icon Map incorporée à partir des couches que la carte indique, et le garder synchronisé avec le lecteur.
Filtrer avec des segments Piloter les segments d'une carte Icon Map incorporée depuis votre propre interface de filtrage et garder les deux synchronisés, dans les deux sens.
Filtrer depuis votre page Appliquer des filtres déclarés à une carte Icon Map incorporée depuis votre propre page, et voir un filtre non déclaré refusé.
Sélectionner et mettre en surbrillance Mettre en surbrillance croisée une liste de votre page et les entités d'une carte Icon Map incorporée, dans les deux sens.
Signets, scènes et visites Appliquer les signets de l'auteur, capturer et restaurer vos propres vues, copier un lien vers la vue actuelle et lire une visite dans une carte Icon Map incorporée.
Modifier le style de l'incorporation Changer de fond de carte, masquer les contrôles propres à la carte Icon Map incorporée, dessiner votre propre légende à partir des données de légende et exporter la carte en image.
Commandes de fenêtre contextuelle et événements Ajouter votre propre action à la fenêtre contextuelle d'entité d'une carte Icon Map incorporée et observer les événements qu'elle déclenche, chacun avec une raison.

Utiliser le code

Chaque listing est une page HTML complète. Tant que le SDK n'est pas sur npm, il est hébergé ici : https://www.icon-map.com/js/iconmap-embed/2/iconmap-embed.umd.min.js (environ 17 KB, aucune dépendance ; il définit une seule variable globale, IconMapEmbed).

Pour exécuter un exemple sur votre propre carte :

  1. Publiez la carte depuis Icon Map et ajoutez votre site à ses allowed origins.
  2. Remplacez "pub_..." par votre identifiant de publication.
  3. Remplacez les noms de couches, de segments et de champs par ceux de votre carte, ou mieux, construisez l'interface à partir de getLayers(), getSlicers() et getFilterSchema() comme le font plusieurs des exemples.

Vous découvrez l'API ? Commencez par Prise en main.