====== Je publie ma carte et en contrôle l'accès ======
===== Ce que nous allons apprendre =====
* Insérer une carte dans une page HTML
* Publier une carte sur Wordpress
* Adapter les fonctionnalités de la carte
* Définir qui peut voir ou modifier la carte
===== Procédons par étapes =====
==== 1. Insérer une carte dans une page HTML ====
{{:umap:umap_share.png?nolink |}} Nous avons vu dans le tutoriel [[umap:1_-_je_consulte_une_carte_umap|Je consulte une carte uMap]] que le menu de partage permet d'//embarquer une carte en iframe//, sans donner plus de détail. Voyons comment cela se passe.
Une **iframe** est une balise du langage informatique HTML qui permet d'intégrer (embarquer) le contenu d'une page Web dans une autre page Web. C'est en fait très simple et nous avons déjà utilisé ce mécanisme pour intégrer une vidéo dans le tutoriel [[umap:5_-_je_cree_des_infobulles_multimedia|Je crée des infobulles multimédia]].
{{ :umap:export-iframe.png?nolink|}}
Voici les étapes à suivre :
- ouvrir le panneau **Exporter et partager la carte**
- copier la totalité du texte sous **Intégrer la carte dans une iframe** (astuce: placer le curseur sur le texte puis utiliser les raccourcis claiver Ctrl+a pour tout sélectionner puis Ctrl+c pour copier la sélection)
- coller le texte copié dans le code source du fichier HTML dans lequel vous souhaitez intégrer la carte (raccourci clavier: Ctrl+v)
Voici un exemple minimaliste de fichier HTML dans lequel l'iframe d'une carte uMap à été intégrée :
Voici la carte intégrée sur cette page, en utilisant les options d'export par défaut :