﻿{"id":13147,"date":"2025-04-28T10:00:00","date_gmt":"2025-04-28T08:00:00","guid":{"rendered":"https:\/\/www.sigterritoires.fr\/?p=13147"},"modified":"2025-04-28T20:08:33","modified_gmt":"2025-04-28T18:08:33","slug":"tutorial-leaflet-sesion-1","status":"publish","type":"post","link":"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/","title":{"rendered":"Tutorial Leaflet: sesi\u00f3n 1"},"content":{"rendered":"\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contenu <\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Introduccion_a_Leaflet_Bienvenido_al_curso_de_introduccion_a_Leafletjs\" >Introducci\u00f3n a Leaflet Bienvenido al curso de introducci\u00f3n a Leaflet.js<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Objetivo_del_curso\" >Objetivo del curso<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Organizacion_del_curso\" >Organizaci\u00f3n del curso<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Material_necesario\" >Material necesario<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Un_metodo_sencillo_y_activo\" >Un m\u00e9todo sencillo y activo<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#%C2%A1Empecemos_%C2%A1Empecemos\" >\u00a1Empecemos! \u00a1Empecemos!<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Diapositiva_1_%C2%BFQue_es_Leaflet\" >Diapositiva 1 :\u00bfQu\u00e9 es Leaflet?<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Introduccion_a_Leaflet\" >Introducci\u00f3n a Leaflet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#%C2%BFPor_que_utilizar_Leaflet\" >\u00bfPor qu\u00e9 utilizar Leaflet?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Diapositiva_2_Componentes_basicos\" >Diapositiva 2: Componentes b\u00e1sicos<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#1El_mapa_Lmap\" >1.El mapa (L.map)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#2Fondos_de_mapa_tiles\" >2.Fondos de mapa (tiles)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#3Marcadores_Lmarker\" >3.Marcadores (L.marker)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#4Formas_vectoriales\" >4.Formas vectoriales<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#5Popups_y_tooltips\" >5.Popups y tooltips<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#6Control_de_capas_Lcontrollayers\" >6.Control de capas (L.control.layers)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#7Eventos\" >7.Eventos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#8Capas_GeoJSON\" >8.Capas GeoJSON<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#9Plugins\" >9.Plugins<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Diapositiva_3_Ejemplo_de_mapa_Leaflet\" >Diapositiva 3: Ejemplo de mapa Leaflet<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Ver_el_mapa_en_una_nueva_pestana\" >Ver el mapa en una nueva pesta\u00f1a.<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Diapositiva_4_Anadir_un_marcador_y_una_ventana_emergente\" >Diapositiva 4: A\u00f1adir un marcador y una ventana emergente<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Diapositiva_5_Personalizar_un_marcador_con_un_icono\" >Diapositiva 5: Personalizar un marcador con un icono<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Diapositiva_6_Anadir_varios_marcadores_a_un_mapa\" >Diapositiva 6 : A\u00f1adir varios marcadores a un mapa<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Diapositiva_7_Estructura_basica_de_una_pagina_de_folleto\" >Diapositiva 7 : Estructura b\u00e1sica de una p\u00e1gina de folleto<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Resumen_de_los_elementos_clave\" >Resumen de los elementos clave:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Ejercicio_practico\" >Ejercicio pr\u00e1ctico<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Ejercicio_%E2%80%93_Sesion_1_Mi_primer_mapa_interactivo\" >Ejercicio &#8211; Sesi\u00f3n 1: Mi primer mapa interactivo<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Objetivo\" >Objetivo:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Bonus\" >Bonus :<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Resultado_esperado\" >Resultado esperado:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Ver_el_resultado_de_Paris_en_una_pestana_nueva\" >Ver el resultado de Par\u00eds en una pesta\u00f1a nueva<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-1\/#Ver_el_resultado_para_Isla_Rodrigues_en_una_pestana_nueva\" >Ver el resultado para Isla Rodrigues en una pesta\u00f1a nueva<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introduccion_a_Leaflet_Bienvenido_al_curso_de_introduccion_a_Leafletjs\"><\/span>Introducci\u00f3n a Leaflet<br>Bienvenido al curso de introducci\u00f3n a Leaflet.js<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-fc93fb4a-dff7-48da-8012-e2663c736532\">Crear mapas interactivos en la web nunca ha sido tan f\u00e1cil.<br>Utilizando la librer\u00eda JavaScript Leaflet, aprender\u00e1s a representar lugares, rutas y datos, y a mejorar tus mapas con marcadores, estilos, interacciones y mucho m\u00e1s.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-d6628944-daea-481d-9909-0f391c3cc1ef\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-e8190b5c-df69-4c97-9768-e99204fec9b0\"><span class=\"ez-toc-section\" id=\"Objetivo_del_curso\"><\/span>Objetivo del curso<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-508223ab-e178-4e70-b39b-10a39950a6ba\">El objetivo de este curso es capacitarle para crear mapas interactivos utilizando Leaflet.<br>Al finalizar el programa, ser\u00e1 capaz de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visualizar un mapa centrado en un lugar,<\/li>\n\n\n\n<li>A\u00f1adir marcadores, pol\u00edgonos, im\u00e1genes, etc.,<\/li>\n\n\n\n<li>Estilizar y personalizar los objetos del mapa,<\/li>\n\n\n\n<li>Integrar interacciones (clics, hovers, pop-ups),<\/li>\n\n\n\n<li>E incluso publicar su mapa en la Web.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-28191bf9-0091-4b5e-b088-43066acd3d9e\">No se requiere experiencia previa en Leaflet. Un conocimiento b\u00e1sico de HTML\/JavaScript es \u00fatil pero no esencial: todo se explica paso a paso.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-9ab05437-c6e4-4559-8dbf-129a7fece41b\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-c57babfc-b217-4ff4-a1d3-64f53fcf15ea\"><span class=\"ez-toc-section\" id=\"Organizacion_del_curso\"><\/span>Organizaci\u00f3n del curso<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cada sesi\u00f3n sigue una progresi\u00f3n l\u00f3gica:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Una presentaci\u00f3n resumida de diapositivas para introducir los conceptos clave<\/li>\n\n\n\n<li>Un texto explicativo que detalla cada punto<\/li>\n\n\n\n<li>Un ejercicio pr\u00e1ctico para aplicar lo aprendido<\/li>\n\n\n\n<li>Una clave de respuestas accesible para comprobar su trabajo<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-2f34ee64-40f6-4a23-831c-f937d28ddb18\">Duraci\u00f3n recomendada por sesi\u00f3n: aproximadamente 1-2 horas.<br>Puede seguir el curso de forma independiente, seg\u00fan le convenga.<br>Vous pouvez suivre le rythme en autonomie, \u00e0 votre convenance.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-772639bb-9f23-4647-9dc4-9bbdeca0bda7\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Material_necesario\"><\/span>Material necesario<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Un navegador web (Chrome, Firefox, etc.)<\/li>\n\n\n\n<li>Un editor de c\u00f3digo (Visual Studio Code, o incluso un editor en l\u00ednea como JSFiddle o CodePen)<\/li>\n\n\n\n<li>Una conexi\u00f3n a Internet (para cargar los mapas de fondo)<\/li>\n\n\n\n<li>Descargue el kit de inicio aqu\u00ed, para descomprimirlo en un directorio de su elecci\u00f3n.<\/li>\n<\/ol>\n\n\n<div class='w3eden'><!-- WPDM Link Template: Default Template -->\n\n<div class=\"link-template-default card mb-2\">\n    <div class=\"card-body\">\n        <div class=\"media\">\n            <div class=\"mr-3 img-48\"><img decoding=\"async\" class=\"wpdm_icon\" alt=\"Ic\u00f4ne\" src=\"https:\/\/www.sigterritoires.fr\/wp-content\/plugins\/download-manager\/assets\/file-type-icons\/zip.svg\" \/><\/div>\n            <div class=\"media-body\">\n                <h3 class=\"package-title\"><a href='https:\/\/www.sigterritoires.fr\/index.php\/download\/starter-kit\/'>starter kit<\/a><\/h3>\n                <div class=\"text-muted text-small\"><i class=\"fas fa-copy\"><\/i> 1 fichier\u00b7s <i class=\"fas fa-hdd ml-3\"><\/i> 0.00 KB<\/div>\n            <\/div>\n            <div class=\"ml-3\">\n                <a class='wpdm-download-link download-on-click btn btn-primary ' rel='nofollow' href='#' data-downloadurl=\"https:\/\/www.sigterritoires.fr\/index.php\/download\/starter-kit\/?wpdmdl=13356&refresh=6a0fd8b9bcfbd1779423417\">T\u00e9l\u00e9charger<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-dbd07c1b-8de4-4fb9-b3bf-e0400706a89b\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-9f06bce7-89a6-4053-a23e-0434fd149a78\"><span class=\"ez-toc-section\" id=\"Un_metodo_sencillo_y_activo\"><\/span>Un m\u00e9todo sencillo y activo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Este curso hace hincapi\u00e9 en aprender haciendo.<br>El objetivo no es s\u00f3lo leer, sino probar, modificar y experimentar. Cuanto m\u00e1s juegues con el c\u00f3digo, m\u00e1s naturalmente retendr\u00e1s los conceptos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-d81f4870-e9af-4cd2-8c08-f69f36b2f0f5\"><span class=\"ez-toc-section\" id=\"%C2%A1Empecemos_%C2%A1Empecemos\"><\/span>\u00a1Empecemos! \u00a1Empecemos!<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"ead-preview\"><div class=\"ead-document\" style=\"position: relative;padding-top: 90%\"><div class=\"ead-iframe-wrapper\"><iframe src=\"\/\/docs.google.com\/viewer?url=https%3A%2F%2Fwww.sigterritoires.fr%2Fwp-content%2Fuploads%2F2025%2F04%2FInitiation-a-leaflet-seance-1-es.pptx&amp;embedded=true&amp;hl=en\" title=\"Document embarqu\u00e9\" class=\"ead-iframe\" style=\"width: 100%;height: 100%;border: none;position: absolute;left: 0;top: 0;visibility: hidden;\"><\/iframe><\/div>\t\t\t<div class=\"ead-document-loading\" style=\"width:100%;height:100%;position:absolute;left:0;top:0;z-index:10\">\n\t\t\t\t<div class=\"ead-loading-wrap\">\n\t\t\t\t\t<div class=\"ead-loading-main\">\n\t\t\t\t\t\t<div class=\"ead-loading\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sigterritoires.fr\/wp-content\/plugins\/embed-any-document\/images\/loading.svg\" width=\"55\" height=\"55\" alt=\"Chargeur\">\n\t\t\t\t\t\t\t<span>En cours de chargement&hellip;<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"ead-loading-foot\">\n\t\t\t\t\t\t<div class=\"ead-loading-foot-title\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sigterritoires.fr\/wp-content\/plugins\/embed-any-document\/images\/EAD-logo.svg\" alt=\"Logo EAD\" width=\"36\" height=\"23\"\/>\n\t\t\t\t\t\t\t<span>Cela prend trop de temps\u00a0?<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t<div class=\"ead-document-btn ead-reload-btn\" role=\"button\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sigterritoires.fr\/wp-content\/plugins\/embed-any-document\/images\/reload.svg\" alt=\"Recharger\" width=\"12\" height=\"12\"\/> Recharger le document\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<span>|<\/span>\n\t\t\t\t\t\t\t<a href=\"https:\/\/docs.google.com\/viewer?url=https%3A%2F%2Fwww.sigterritoires.fr%2Fwp-content%2Fuploads%2F2025%2F04%2FInitiation-a-leaflet-seance-1-es.pptx&#038;hl=en\" class=\"ead-document-btn\" target=\"_blank\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sigterritoires.fr\/wp-content\/plugins\/embed-any-document\/images\/open.svg\" alt=\"Ouvert\" width=\"12\" height=\"12\"\/> Ouvrir dans un nouvel onglet\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\" id=\"block-f4aec848-915b-4899-a7cf-064bab17bea7\"><\/p>\n\n\n\n\n\n\n<h1 class=\"wp-block-heading\" id=\"block-f4aec848-915b-4899-a7cf-064bab17bea7\"><span class=\"ez-toc-section\" id=\"Diapositiva_1_%C2%BFQue_es_Leaflet\"><\/span>Diapositiva 1 :\u00bfQu\u00e9 es Leaflet?<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introduccion_a_Leaflet\"><\/span>Introducci\u00f3n a Leaflet<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Leaflet es una potente y ligera biblioteca JavaScript de c\u00f3digo abierto para crear mapas interactivos y din\u00e1micos en p\u00e1ginas web. Es una de las herramientas m\u00e1s populares para mapas web, y se utiliza mucho por su sencillez y capacidad de integraci\u00f3n con diversas fuentes de datos geogr\u00e1ficos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Principales caracter\u00edsticas de Leaflet<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ligereza<\/strong>: Leaflet es una biblioteca muy ligera (unos 40 KB comprimidos), lo que la hace ideal para aplicaciones web en las que el rendimiento es esencial.<\/li>\n\n\n\n<li><strong>Facilidad de uso<\/strong>: gracias a su sintaxis sencilla y clara, Leaflet es accesible incluso para los principiantes en JavaScript.<\/li>\n\n\n\n<li><strong>Extensibilidad<\/strong>: aunque la biblioteca b\u00e1sica ofrece funciones esenciales para los mapas interactivos, Leaflet puede ampliarse con una serie de plugins para a\u00f1adir funciones adicionales (por ejemplo, gesti\u00f3n de capas, geolocalizaci\u00f3n, dibujo de formas geogr\u00e1ficas, etc.).<\/li>\n\n\n\n<li><strong>Compatibilidad <\/strong>con otros formatos: Leaflet puede utilizarse f\u00e1cilmente con mosaicos rasterizados (im\u00e1genes de mapas) y datos vectoriales (GeoJSON, KML, etc.).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-f2fcb812-b8b3-4fb4-89cc-4b30fdf19c0c\"><span class=\"ez-toc-section\" id=\"%C2%BFPor_que_utilizar_Leaflet\"><\/span>\u00bfPor qu\u00e9 utilizar Leaflet?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Leaflet le permite crear mapas web que satisfacen una gran variedad de necesidades, desde sencillos mapas de localizaci\u00f3n hasta complejas visualizaciones de datos geoespaciales. He aqu\u00ed algunos ejemplos de casos de uso de Leaflet:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visualizaci\u00f3n de mapas interactivos con tiles como OpenStreetMap, Mapbox u otros servicios de tiles.<\/li>\n\n\n\n<li>Creaci\u00f3n de mapas ligeros del Sistema de Informaci\u00f3n Geogr\u00e1fica (SIG) para la visualizaci\u00f3n de datos geoespaciales.<\/li>\n\n\n\n<li>Mapas de seguimiento en tiempo real (por ejemplo, para rastrear veh\u00edculos o personas).<\/li>\n\n\n\n<li>Aplicaciones de geolocalizaci\u00f3n, para mostrar posiciones en mapas.<\/li>\n\n\n\n<li>Mapas utilizados en aplicaciones tur\u00edsticas, donde se indican puntos de inter\u00e9s o rutas.<\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"block-111ba054-06b5-406f-96a5-330c77069201\"><span class=\"ez-toc-section\" id=\"Diapositiva_2_Componentes_basicos\"><\/span>Diapositiva 2: Componentes b\u00e1sicos<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1El_mapa_Lmap\"><\/span>1.El mapa (L.map)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-9051b49a-4eb9-467e-b8fe-fe4581b51878\">Este es el contenedor principal de tu aplicaci\u00f3n de mapas.<\/p>\n\n\n\n<pre id=\"block-d0203148-a146-4d90-b639-366b14ace057\" class=\"wp-block-code\"><code>let map = L.map('map').setView(&#091;48.8566, 2.3522], 13);  \/\/ Paris avec un zoom de 13<br>\ufeff<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-ed1360cb-fd42-469f-903d-a476240cb619\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-8ad6fb56-92e4-48b0-b207-aeafaa1c0fba\"><span class=\"ez-toc-section\" id=\"2Fondos_de_mapa_tiles\"><\/span>2.Fondos de mapa (tiles)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-7eacbda1-2878-4379-b590-fac4011eb37f\">Son im\u00e1genes divididas en peque\u00f1os tiles (256&#215;256 px) que se cargan seg\u00fan el nivel de zoom y la posici\u00f3n.<\/p>\n\n\n\n<pre id=\"block-6be5a529-38fa-4464-9188-5cbfebfe4a51\" class=\"wp-block-code\"><code>L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {<br>  attribution: '&amp;copy; OpenStreetMap contributors'<br>}).addTo(map);<br>\ufeff<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-fd974b46-fa11-4581-9e89-0f772be6598b\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-54ef8f45-28cf-4889-8236-0dda0aa40813\"><span class=\"ez-toc-section\" id=\"3Marcadores_Lmarker\"><\/span>3.Marcadores (L.marker)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-49d5e57e-528a-408a-a459-dce197b4dc9a\">Indican una posici\u00f3n precisa en el mapa (a menudo con un icono o s\u00edmbolo).<\/p>\n\n\n\n<pre id=\"block-de70f667-6b53-405a-8e7e-ace321134bcf\" class=\"wp-block-code\"><code>L.marker(&#091;48.8566, 2.3522]).addTo(map)<br>  .bindPopup('Paris').openPopup();<br>\ufeff<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-e4d2f05a-7b05-4b8d-b3f5-e0412f7924e4\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4Formas_vectoriales\"><\/span>4.Formas vectoriales<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Leaflet permite dibujar :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pol\u00edgonos (L.polygon)<\/li>\n\n\n\n<li>Polil\u00edneas (L.polyline)<\/li>\n\n\n\n<li>C\u00edrculos (L.circle)<\/li>\n\n\n\n<li>Rect\u00e1ngulos (L.rectangle)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-57416dcc-0a0c-450b-ac70-6182867cb6bf\">Ejemplo :<\/p>\n\n\n\n<pre id=\"block-472be105-d769-42d6-adfc-a870e91c98d2\" class=\"wp-block-code\"><code>L.polygon(&#091;<br>  &#091;48.85, 2.35],<br>  &#091;48.85, 2.37],<br>  &#091;48.87, 2.37]<br>]).addTo(map);<br>\ufeff<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-54d027ad-41c4-456e-8680-4dc2e2930b7d\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5Popups_y_tooltips\"><\/span>5.Popups y tooltips<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Para mostrar informaci\u00f3n al pasar el rat\u00f3n por encima o al hacer clic.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">marker.bindPopup(\u00abAqu\u00ed hay una ventana emergente\u00bb);<br>marker.bindTooltip(\u00abUn peque\u00f1o tooltip\u00bb, {permanent: true});<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-d675b673-4f91-4821-b316-9bc2f1ca1e24\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-7a548e56-33a7-4c3d-bdc7-6fa746e75005\"><span class=\"ez-toc-section\" id=\"6Control_de_capas_Lcontrollayers\"><\/span>6.Control de capas (L.control.layers)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-b3320b11-5dce-4c9b-acfe-d97e43e9b804\">Para cambiar entre varios mapas base o capas de informaci\u00f3n.<\/p>\n\n\n\n<pre id=\"block-8685df77-2014-4c8a-9704-0f29ee6213bd\" class=\"wp-block-code\"><code>let baseMaps = {<br>  \"OSM\": osmLayer,<br>  \"Satellite\": satelliteLayer<br>};<br><br>let overlayMaps = {<br>  \"R\u00e9seaux\": networkLayer<br>};<br><br>L.control.layers(baseMaps, overlayMaps).addTo(map);<br>\ufeff<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-453df1a2-0fa2-451c-b902-ec1c3d2c2331\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-3ee30160-b62c-45eb-8742-241ad71503d2\"><span class=\"ez-toc-section\" id=\"7Eventos\"><\/span>7.Eventos<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cada elemento (mapa, marcador, pol\u00edgono, etc.) puede escuchar eventos: clicks, hovers, zooms, etc.<\/p>\n\n\n\n<pre id=\"block-2820b005-79d3-4074-856f-686833476e00\" class=\"wp-block-code\"><code>map.on('click', function(e) {<br>alert(\"Coordenadas: \u00bb + e.latlng);<br>});\n\n<br><\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-66edf1da-a265-4acb-81ed-54ec37db776d\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-f0ba8407-5111-427d-902e-38a77735a032\"><span class=\"ez-toc-section\" id=\"8Capas_GeoJSON\"><\/span>8.Capas GeoJSON<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-07925e10-88e7-45b5-a0b6-6b84c1e13fda\">Para mostrar datos vectoriales din\u00e1micos (a menudo tomados de bases de datos o archivos).<\/p>\n\n\n\n<pre id=\"block-675a7dd8-1374-41b9-a812-45b25cb1503b\" class=\"wp-block-code\"><code>L.geoJSON(geojsonData).addTo(map);<br>\ufeff<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-3d40f273-e301-463e-8138-28cc6d45f09b\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-bfbad7e3-9c89-4054-965e-05f022804d5b\"><span class=\"ez-toc-section\" id=\"9Plugins\"><\/span>9.Plugins<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-47986779-df53-4f22-8974-e7bd8385a1d4\">Leaflet cuenta con una gran comunidad. Puedes a\u00f1adir funciones como b\u00fasqueda, clusters, m\u00e9tricas, etc., a trav\u00e9s de plugins.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Algunos ejemplos son :<\/p>\n\n\n\n<ul id=\"block-97ecf0a0-dd93-484f-8e4f-304e0d110b25\" class=\"wp-block-list\">\n<li>Leaflet.draw (dibujo interactivo)<\/li>\n\n\n\n<li>Leaflet.markercluster<\/li>\n\n\n\n<li>Leaflet.fullscreen<\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"block-109fc5b4-d54c-43b6-97d5-f8eb930807d1\"><span class=\"ez-toc-section\" id=\"Diapositiva_3_Ejemplo_de_mapa_Leaflet\"><\/span>Diapositiva 3: Ejemplo de mapa Leaflet<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Ejemplo b\u00e1sico de uso de Leaflet<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Explicaci\u00f3n: Esta diapositiva explica c\u00f3mo inicializar un mapa utilizando Leaflet. El c\u00f3digo de ejemplo muestra c\u00f3mo :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Inicializar el mapa con L.map(&lsquo;id&rsquo;).<\/li>\n\n\n\n<li>Posicionar el mapa en el centro con setView(), definiendo las coordenadas geogr\u00e1ficas (latitud, longitud) y el nivel de zoom.<\/li>\n\n\n\n<li>A\u00f1adir una capa de azulejos con L.tileLayer(), utilizando azulejos gratuitos de OpenStreetMap.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">El objetivo es entender c\u00f3mo definir los par\u00e1metros b\u00e1sicos para mostrar un mapa Leaflet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-3f61e550-11ba-43bc-9c3b-5c6cd8024922\">He aqu\u00ed un ejemplo sencillo de c\u00f3mo inicializar un mapa Leaflet y a\u00f1adir un marcador:<\/p>\n\n\n<div class='stb-container stb-style-download stb-caption-box'><div class='stb-caption'><div class='stb-logo'><img class='stb-logo__image' src='data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN\/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz\/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH\/w\/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA\/g88wAAKCRFRHgg\/P9eM4Ors7ONo62Dl8t6r8G\/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt\/qIl7gRoXgugdfeLZrIPQLUAoOnaV\/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl\/AV\/1s+X48\/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H\/LcL\/\/wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93\/+8\/\/UegJQCAZkmScQAAXkQkLlTKsz\/HCAAARKCBKrBBG\/TBGCzABhzBBdzBC\/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD\/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q\/pH5Z\/YkGWcNMw09DpFGgsV\/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY\/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4\/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L\/1U\/W36p\/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N\/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26\/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE\/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV\/MN8C3yLfLT8Nvnl+F30N\/I\/9k\/3r\/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt\/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi\/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a\/zYnKOZarnivN7cyzytuQN5zvn\/\/tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO\/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3\/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA\/0HIw6217nU1R3SPVRSj9Yr60cOxx++\/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3\/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX\/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8\/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb\/1tWeOT3dvfN6b\/fF9\/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR\/cGhYPP\/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF\/6i\/suuFxYvfvjV69fO0ZjRoZfyl5O\/bXyl\/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o\/2j5sfVT0Kf7kxmTk\/8EA5jz\/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5\/wAAgOkAAHUwAADqYAAAOpgAABdvkl\/FRgAADcFJREFUeNrsmnmQXNV1xn\/3Lf1eb9OzdM+qGe2DFgZFIGQIizFGBpRAgQUhmDUOqQI7qYIirtguAgHbyBUbO3FsEpcTIixMICKgsDgskYyNWGwEaLEQoA1mn+np6Z6ZXt9288d9o8E2IhKSUymXXtWrN931+vX97vnOOd93eoSUkt+FQ+N35DgO5DiQ39JhfNCbQojfeC+ia0RtC8\/zKdUclvUspVQus3hJD\/nxMfoGhwkqU3zi\/NV2NF7X+OSjD2WSDem6IJAWgKGJ2kR+fPLiNX+UrZaL45ue+XHViCbo7GijpaWVHdu3kYhH2frGTmzTQAiB5\/u4fvAba\/mgAmUczS4IIfA9j+pUIbpo4bwerLozS1b6FLtjwfJP\/sU3WnNTtVix7JgEAUnLcNPJSAlqw6X+\/W\/0nHrGa8ItbRkZHNjpNjVVP2jzjjoih3VIKE5MGF2zu1bH5yy9WrZ0n5N1zMzOgTFGXxrAK1XA80FK8APwPAuBZdrRxpbGhiWL5i6+qi0psk0L9m1u0ksP\/PzFF5+ORdu8j7ypHxSmD6eWR6nmsmJZz6KTV11y+z6v8Q\/2lURd\/0gOr1gEASBACAUiEBAEClQQQAB4EnyJmUgxb14ny+emJhdEhp7a9Oj6r7z82vbdlqGjadoRUeuIgFimQaXqcO6qVZfPP++P7970zviCvXv2EggDYgkQEiRhFMK\/gzAivgShhfVFqKsPeGDE6jj1lKV8+pTY3lf+\/e9v+4+NTz1sGTpSSpxjDUQHIgL90muuvTl65pV3\/dvz22Pl0QHwqmqBdh1omtp1yftASBUFCUgdhD4DBB00AzQbtCQdJ53IFy9bUHln\/V\/f\/t17f\/BtobbgsIAcdvnVBNql11x7q7HqhrXrt\/bFyq4Ltg1GBHwPnKpa7K9uSUgzDTQLTAuMXzvNOMQbobmTgckodzyvRRfe9J27P3\/TDV8QR7K+w71x1YWrr01ccMOdD768z3Q8D+oaIJoEwwRdA68CgaeiIlA5IoR6rZkKsG6BFlGgtBBErAHqZ0FmNjS3MZ6rcMcjA+aCq+6647I1l15\/TIEsnNu1fPEVf\/61B7b2216tBpapAMTqwIqCpgMBuI56pBAc5JcIgei2AqJH1GnGQhDt0NQJdRnFX1Ekv38\/X3\/kHfvsz962dkn33BXHBIita6k1N976lScOVNvL+TxYEbU4ISBiQaIhBKNB4IAMFO\/F+2hlRn6VVmZ0BkS6E1Jp0CRUJ6A4BrLE8N5e1m+tNt\/wl3d+LaJRd9RAzr\/o4iv3pntW7enPqcV6rtps3QijkoREWi2QAHxXRUDTFRjdACMKhq0iEYlCvAEa2iHTCXXNoAmoFmBqFKbyUKtCRPCL7ft5W19yzqcvv\/yqowLSEDXTs89aff2W\/ZMRKXTQTdUXPE+BMUy104l6RQ3DVGCmaRcJIxCJQTSuSnS8HhrboLkTUs1qBZVxmByFYgGcmqp8AgLf55lt2Uj32Zdc15CwMkcMZLr4nnb2OasGY3NOGslOQuCD1ELa6ApMEIBpQiwO9RlIpsE01FlzYXAA+nphYBgGRqEqoKkDWmere5FQzYcg8uBUQPozC9AE\/UN5ekVHz2lnnPVJAP0QUsY4hPpAB635hGXn7iiaUemEVPJDBaELRR3fn8kBTVfn2ADs3UU608Q5n+gJfq+7q2hEkuweLie39DliXxHIpBSdSuMwOQKlvIoE8mDFRqrK51Wr7B4OYiuWnf4p45n\/3uBJ6R+R1upsb+5KdC1ZPjRUUHmhh7yXngLkS1V28VUuWLb68vwEl328x7vzxst3z25t3O041UKlUsZz\/fqi0Jf+8w5v0Xef7dXdhAVuXtHJdZQqQMxEIwjRiIDBbJFgVueSlkx9+0C20HdEQKxEalb\/hN+RHehXOy+tsGfoICKqZ7ieAumbIAX09XLN6tO9H9y8ZrOpadt937ftaMw2IlHGstmRYGL8vS+ubBwW1eCcbz28UyedVJ9HqggRyhv5vqjogqHcBOX5mXnp1vZ5hwKiHQpdqr5pbtUVLf5oPxRzMDEGk+NQmoRqRckOEYHAAC+AwX46jTJ3XX3udsvQt2u6niyVy9ozzz777qZNmw7ohqEnG9PJ4aHc63+2IrVzaaMLY7kwp3QwNBVhXczQiwC0AK84RWDVZ1pa2+dHxBHI+PbWNM2tbe0emqBcBGmDqIKhQyXs0tN9wTRVjozkuOSiE91ZDfFfOq5re57v33LLLU+88MILL0spWbly5elr1679w3hdg21r3q4LTuk4cdejbxs0N4AIVbEfyn4pFX0DBwIXfJeJsosVT2Yy6frDr1rxRBzTsut8N1C77fvqwbUa1EpQmlDRKYxCIQfj41Aq0t3ZUiqWSmXTjMQefvjhnevWrXs+lUpN1tXVTT700EPPb968eXdbW2scoU0snF0\/RSwOEQNMoapV4IDngF8BWQXpKpCapOh4eGh2Ll84fCD7DvQKTdc06fvKR\/jB+67Tpw+uD46jzkBD001ZLleo1WpaLpcrtbe312zbJpFI0N3d7dRqtXIsFtNsOyo14fqYDkQkmBI0XxUS6QAuCB90qShnGkhdBylFzUMcNrUcX0rfccqGJpTkkHJGemtGqJ1CEWjaYCchoTFWFvHAd+yR0dHKeeedd1JbW9uSe++9902AtWvXLlq2bNlix3EqqWQyvufA1iQTg+CmVNWLWWCb4QZ5SiH4QWjGfBJxG6EJT36Axv7QqpUdHc4m53gqH9BVH9EjKi+08KqHeWInIGPz3N5y5PpPRU7Ij2RfyLS2NS6PRP5kzZo1L5umycqVK0+fNWtWKvC93JSr9Tz3zphFRwvogXKMEUt9l9BnzJgbVsaKT6o+xlilWDhiz54bG+1tCGp5YnUNyECp14NSPIzK9NWwYXYLL40GbHyPkz8zp360f3jorVRjuu6mz33uoqhtS8dxKp7r5QzT6P76gz9esW2kBMuWQtVRKsBH5YOuK2GqaYoJToDWbBExKpPZ4cHeI9ZaTnmqvz1lDqcbGkGG0RBm6BX1UAFbilbJDDTPIuhcxB0bJuwf7qhd0JhuPNOUTiQ3MlgcHx0q6tI1y7XaGV\/6\/mMX3rPuKZtUQjWKmAmJKMQjilo6qslqEiwDYhFaZ6exykO92YH+A0cckYGBwV53vO\/t1ubuxWO5ogq5mAagK2MUTUB9M6RnQTQFEgo5nb\/63jZ7Q2dwxkUrO09ePDc9JUSZ7W\/9PLlhy87ortGqoHOhyoH8BNQnFQBfU0VEhtJfovIDQUeTRXTXuwdGsvm+IwZS8ynk3nvzxRNWrLz4l\/uyGlKbAWPYEK1TIJo6lCdxfZgcA6+Al4rxyr4R8crubTFMPQZVqGYhakDnQtX0KhOQL4Q6TVUmNA1cpXzRNZAawogwP1IJ9r7005\/VoPCRZPxrL2\/ZPD9e3d+STs8oXyOqLG6qBdIdSsK7nuopuUHIj4BbhXQjzOmCznaY1QlzFkBjE1QKKieEptTuVBEcX\/UqXSg6aeHgQkpaMnHmTR048PqLWzZ\/ZD8ykM3vGN31kyc\/fupcVal0G2IpaGiFTDskGxQd8iOQG4CJUaiVlX5ya0oMTjdTNyynTlndE4T0qVSgWFHPCQK1Iss46P1PazYZfOaxJ\/vzk9uPxiF6Gzc8eP\/HMvnd3Yvngx6HhhbIdCiX53gKxNgAFLJQKYemy1eJ7PsKgOMoCaJHVJXzQ60WhHlQqkDFC1\/Lg1ZhTlcjHxt\/8+3HfvTAOlUBjsLqFqbKuzd876v33Hh+V7W+eyEkmpX78zzIj4aRGINqWe289FUTDRuZUsdeOFExwl4B+E44hfTU\/aUK1EJL4AVEklGuaqe28W\/vvGeiWtt9LKYozitbt23c+8R37rvtmh6sTBNM1WAiC+NDSmvVyqoKSVfJjMBXC\/RcpZ2kFyqD0AIYlhoxShlqudDflGpQdiBicV1PM333ffNffvHG9scA51gAkUDuX++779vu0\/c8\/uUL01jOJAz0qSpVK4W764bRCDVT4M6o1yCcFwotVAiWUtL4KipuTUWl4iEcwRXL2ok+\/v3HHvnRA9+SMMYhZMlHGtBVXH\/v3bf\/zZfEk199\/NbzEtiiCoUC+LUQxPTi3VAnTQPxQqc3PXHUFb0MWzU9gSoCpRJmNMpnlreTefIf\/3PdPd\/4ctn19x3zafxB56iLhdf96Q1f6Dr3s9fev3nQ2rOnN1SqMxPSg5NGjbBHmBCJKAOl6+Ec21dj1kACJm1dHVxxctrJPvVP6x754f3frAVyzyEpcjRD7F8bsrSevvKUSy+6\/ubP7yy1LX7u1XdFLptH+o7a5Wm3p2nKHkdCA2boytKGQIUOdQmbMxa00+Pvf+sn6\/\/uH159bdtGCUMfRqdjBWQaTCwZs5atueLKqzM9564+UE51vjNQ1AayExSKJXw3rJZ6CMSyIGqjxywa6uK0ZOLMr9OCzlp\/X\/61p\/\/rqUceWj9RcbYD5f8tJ44lkPcfdS2NqeW\/f9bZq1KzFp0aa1t0QlHEmkfKwnb1mAg0E2maGKaGqbmyJSarca+QLR3Y8XZh385XX\/nZT58dKUy+Dkwd9o9lvyUgB38LMgWts7s6FiTqG+fokVhbfWM6bVh2DCEInGo5n8uO+dXS0FQ+9957fUN7XBg+nNL6fw3k16lnAaErI9TmOEDtcMrpMQFy\/B8GjgM5DuQ4kP+3x\/8MAHWpUzAU7qJ7AAAAAElFTkSuQmCC' alt='img'\/><\/div><div class='stb-caption-content'>exemple_leaflet.html<\/div><div class='stb-tool'><\/div><\/div><div class='stb-content'><\/strong><\/p>\n<div tabindex=\"0\" draggable=\"true\" class=\"block-editor-block-list__block wp-block wp-block-group\" id=\"block-db3b7971-2297-446a-80d2-f879adb3cc1c\" role=\"document\" aria-label=\"Bloc&nbsp;: Groupe\" data-block=\"db3b7971-2297-446a-80d2-f879adb3cc1c\" data-type=\"core\/group\" data-title=\"Groupe\" data-is-drop-zone=\"true\">\n<div class=\"wp-block-group__inner-container block-editor-block-list__layout is-layout-constrained wp-block-group-is-layout-constrained\">\n<pre tabindex=\"0\" draggable=\"true\" class=\"block-editor-block-list__block wp-block wp-block-code\" id=\"block-7df463e6-16ed-4f58-b0c5-83cb56b2d306\" role=\"document\" aria-label=\"Bloc&nbsp;: Code\" data-block=\"7df463e6-16ed-4f58-b0c5-83cb56b2d306\" data-type=\"core\/code\" data-title=\"Code\"><code role=\"textbox\" aria-multiline=\"true\" aria-label=\"Code\" contenteditable=\"true\" class=\"block-editor-rich-text__editable rich-text\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;!DOCTYPE html&gt;<\/code><\/pre>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-dd8dac00-cd1b-40f6-a869-76b65c258335\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"dd8dac00-cd1b-40f6-a869-76b65c258335\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;html&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-8113d86a-5539-4cde-88d7-aeb30bf6f6ad\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"8113d86a-5539-4cde-88d7-aeb30bf6f6ad\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;head&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-b3cdc403-f3e3-440b-b974-0b109219051c\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"b3cdc403-f3e3-440b-b974-0b109219051c\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp; &lt;title&gt;Exemple Leaflet&lt;\/title&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-1d38c2e7-6b03-4a3b-9e46-ed8d9bc06074\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"1d38c2e7-6b03-4a3b-9e46-ed8d9bc06074\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp; &lt;meta charset=\u00a0\u00bbutf-8&Prime; \/&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-bebea2f5-026b-4fb4-8a90-54172e1a08d4\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"bebea2f5-026b-4fb4-8a90-54172e1a08d4\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp; &lt;meta name=\u00a0\u00bbviewport\u00a0\u00bb content=\u00a0\u00bbwidth=device-width, initial-scale=1.0&Prime;&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-5219f062-9b47-467f-9263-3e24dbb36782\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"5219f062-9b47-467f-9263-3e24dbb36782\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp; &lt;link rel=\u00a0\u00bbstylesheet\u00a0\u00bb href=\u00a0\u00bbhttps:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\u00a0\u00bb \/&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-6e1ba002-5587-4b95-9324-83025fa245b7\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"6e1ba002-5587-4b95-9324-83025fa245b7\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp; &lt;style&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-4c0c18f7-afcc-4c0f-9715-23c054df960d\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"4c0c18f7-afcc-4c0f-9715-23c054df960d\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; #map { height: 400px; }<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-bd5838d8-1fb0-4496-b192-29d556ae2ee2\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"bd5838d8-1fb0-4496-b192-29d556ae2ee2\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp; &lt;\/style&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-10db2fca-47ab-4cd6-8775-70f4e8fa3cbf\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"10db2fca-47ab-4cd6-8775-70f4e8fa3cbf\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;\/head&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-c75e4ae8-f723-4495-bdb1-9d24346201e5\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"c75e4ae8-f723-4495-bdb1-9d24346201e5\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;body&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-9effcb60-8319-416e-9c0f-38f880d84e6b\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"9effcb60-8319-416e-9c0f-38f880d84e6b\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp; &lt;h3&gt;Ma premi\u00e8re carte avec Leaflet&lt;\/h3&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-77532b2a-e539-4ac9-b2ce-ecb70bb2f1be\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"77532b2a-e539-4ac9-b2ce-ecb70bb2f1be\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp; &lt;div id=\u00a0\u00bbmap\u00a0\u00bb&gt;&lt;\/div&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-e40d135c-9258-4b19-9d21-9f142a1b62eb\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"e40d135c-9258-4b19-9d21-9f142a1b62eb\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp; &lt;script src=\u00a0\u00bbhttps:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\u00a0\u00bb&gt;&lt;\/script&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-98a30777-2b08-4a42-b1ca-a1b85add5e84\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"98a30777-2b08-4a42-b1ca-a1b85add5e84\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp; &lt;script&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-10a20d1c-35bb-429a-ace4-b2a8c4d7fd0e\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"10a20d1c-35bb-429a-ace4-b2a8c4d7fd0e\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var map = L.map(&lsquo;map&rsquo;).setView([48.8566, 2.3522], 13);&nbsp; \/\/ Coordonn\u00e9es de Paris<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-bfd24361-7b3f-4d50-a965-a72b200e8937\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"bfd24361-7b3f-4d50-a965-a72b200e8937\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \/\/ Ajout d&rsquo;une couche de tuiles<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-b767d9ea-8581-406d-861e-d61dfc25afbf\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"b767d9ea-8581-406d-861e-d61dfc25afbf\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; L.tileLayer(&lsquo;https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png&rsquo;, {<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-e47a4f58-407c-4cee-ae24-e34f25151342\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"e47a4f58-407c-4cee-ae24-e34f25151342\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; attribution: &lsquo;&amp;copy; &lt;a href=\u00a0\u00bbhttps:\/\/www.openstreetmap.org\/copyright\u00a0\u00bb&gt;OpenStreetMap&lt;\/a&gt; contributors&rsquo;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-30031258-6f40-4072-92ab-9beb67bbcfc3\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"30031258-6f40-4072-92ab-9beb67bbcfc3\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }).addTo(map);<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-f1b2517e-5258-49b8-85da-d2990534152c\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"f1b2517e-5258-49b8-85da-d2990534152c\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \/\/ Ajout d&rsquo;un marqueur<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-4930c99b-f268-4eef-863e-629c343a60dd\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"4930c99b-f268-4eef-863e-629c343a60dd\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; L.marker([48.8566, 2.3522]).addTo(map)<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-bf6f012f-15a1-486f-a6b9-d233287ee2d2\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"bf6f012f-15a1-486f-a6b9-d233287ee2d2\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .bindPopup(\u00ab\u00a0&lt;b&gt;Paris&lt;\/b&gt;&lt;br&gt;La capitale de la France\u00a0\u00bb)<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-ec1dfb05-8286-49e5-b12b-0b8061d220d5\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"ec1dfb05-8286-49e5-b12b-0b8061d220d5\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .openPopup();<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-f514e8b9-48fa-4176-b28b-883cfd6dafba\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"f514e8b9-48fa-4176-b28b-883cfd6dafba\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp; &lt;\/script&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-a1daeb8f-90af-43a0-8ffb-d6eb93488470\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"a1daeb8f-90af-43a0-8ffb-d6eb93488470\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;\/body&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-73e0c4ea-4f89-4b84-be80-2145941696ce\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"73e0c4ea-4f89-4b84-be80-2145941696ce\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;\/html&gt;<\/p>\n<\/div>\n<\/div>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-4476c8e3-e94d-4865-93c3-aba08dd2d5e3\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"4476c8e3-e94d-4865-93c3-aba08dd2d5e3\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\"><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-fe9f92af-4441-4a8b-af60-d79d94013925\">Este c\u00f3digo crea un mapa centrado en Par\u00eds, con un marcador que muestra una ventana emergente con texto descriptivo. Los usuarios pueden hacer zoom, desplazar el mapa e interactuar con \u00e9l.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ver_el_mapa_en_una_nueva_pestana\"><\/span><a href=\"https:\/\/www.nasca.ovh\/downloads\/exemple_leaflet.html\" title=\"Ver el mapa en una nueva pesta\u00f1a.\">Ver el mapa en una nueva pesta\u00f1a.<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Diapositiva_4_Anadir_un_marcador_y_una_ventana_emergente\"><\/span>Diapositiva 4: A\u00f1adir un marcador y una ventana emergente<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Explicaci\u00f3n: Esta diapositiva muestra c\u00f3mo a\u00f1adir un marcador al mapa. El marcador representa un punto geogr\u00e1fico y, una vez a\u00f1adido, se puede asociar una ventana emergente para mostrar informaci\u00f3n cuando el usuario haga clic en dicho marcador. El c\u00f3digo L.marker().addTo(map) se utiliza para crear un marcador, y bindPopup() para asociar una ventana emergente que contenga un mensaje.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Diapositiva_5_Personalizar_un_marcador_con_un_icono\"><\/span>Diapositiva 5: Personalizar un marcador con un icono<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-7841f161-c566-41ee-b97f-e851d4bf9d81\">Explicaci\u00f3n: Los marcadores en Leaflet pueden personalizarse con iconos para hacerlos m\u00e1s visuales y representativos. Esta diapositiva muestra c\u00f3mo utilizar la clase L.icon() para crear un icono personalizado y aplicarlo al marcador a trav\u00e9s de la opci\u00f3n icono. Esto permite personalizar el aspecto del marcador en funci\u00f3n del contexto de la aplicaci\u00f3n (por ejemplo, un marcador que represente una gasolinera o un hotel con iconos espec\u00edficos).<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Diapositiva_6_Anadir_varios_marcadores_a_un_mapa\"><\/span>Diapositiva 6 : A\u00f1adir varios marcadores a un mapa<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Explicaci\u00f3n : Cuando es necesario a\u00f1adir varios puntos de inter\u00e9s al mapa, esta diapositiva explica c\u00f3mo proceder. Puede crear varios marcadores, cada uno con unas coordenadas espec\u00edficas, y luego a\u00f1adirlos al mapa. Un c\u00f3digo de ejemplo muestra c\u00f3mo crear una matriz de coordenadas y, a continuaci\u00f3n, utilizar el bucle forEach() para a\u00f1adir los marcadores al mapa. Esto permite a\u00f1adir cientos o miles de puntos sin ninguna sobrecarga de c\u00f3digo.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Diapositiva_7_Estructura_basica_de_una_pagina_de_folleto\"><\/span>Diapositiva 7 : Estructura b\u00e1sica de una p\u00e1gina de folleto<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Resumen_de_los_elementos_clave\"><\/span>Resumen de los elementos clave:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Un <code>&lt;div id=\"map\"&gt;<\/code>  para contener el mapa.<\/li>\n\n\n\n<li>CSS obligatorio para definir el tama\u00f1o del contenedor.<\/li>\n\n\n\n<li>Los enlaces a los archivos Leaflet (CSS + JS).<\/li>\n\n\n\n<li>Un script JavaScript para :\n<ul class=\"wp-block-list\">\n<li>crear el mapa,<\/li>\n\n\n\n<li>a\u00f1adir un mapa de fondo,<\/li>\n\n\n\n<li>posiblemente a\u00f1adir capas, marcadores, ventanas emergentes, etc.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class='stb-container stb-style-download'><div class='stb-caption'><div class='stb-logo'><img class='stb-logo__image' src='data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN\/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz\/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH\/w\/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA\/g88wAAKCRFRHgg\/P9eM4Ors7ONo62Dl8t6r8G\/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt\/qIl7gRoXgugdfeLZrIPQLUAoOnaV\/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl\/AV\/1s+X48\/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H\/LcL\/\/wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93\/+8\/\/UegJQCAZkmScQAAXkQkLlTKsz\/HCAAARKCBKrBBG\/TBGCzABhzBBdzBC\/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD\/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q\/pH5Z\/YkGWcNMw09DpFGgsV\/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY\/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4\/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L\/1U\/W36p\/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N\/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26\/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE\/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV\/MN8C3yLfLT8Nvnl+F30N\/I\/9k\/3r\/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt\/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi\/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a\/zYnKOZarnivN7cyzytuQN5zvn\/\/tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO\/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3\/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA\/0HIw6217nU1R3SPVRSj9Yr60cOxx++\/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3\/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX\/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8\/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb\/1tWeOT3dvfN6b\/fF9\/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR\/cGhYPP\/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF\/6i\/suuFxYvfvjV69fO0ZjRoZfyl5O\/bXyl\/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o\/2j5sfVT0Kf7kxmTk\/8EA5jz\/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5\/wAAgOkAAHUwAADqYAAAOpgAABdvkl\/FRgAADcFJREFUeNrsmnmQXNV1xn\/3Lf1eb9OzdM+qGe2DFgZFIGQIizFGBpRAgQUhmDUOqQI7qYIirtguAgHbyBUbO3FsEpcTIixMICKgsDgskYyNWGwEaLEQoA1mn+np6Z6ZXt9288d9o8E2IhKSUymXXtWrN931+vX97vnOOd93eoSUkt+FQ+N35DgO5DiQ39JhfNCbQojfeC+ia0RtC8\/zKdUclvUspVQus3hJD\/nxMfoGhwkqU3zi\/NV2NF7X+OSjD2WSDem6IJAWgKGJ2kR+fPLiNX+UrZaL45ue+XHViCbo7GijpaWVHdu3kYhH2frGTmzTQAiB5\/u4fvAba\/mgAmUczS4IIfA9j+pUIbpo4bwerLozS1b6FLtjwfJP\/sU3WnNTtVix7JgEAUnLcNPJSAlqw6X+\/W\/0nHrGa8ItbRkZHNjpNjVVP2jzjjoih3VIKE5MGF2zu1bH5yy9WrZ0n5N1zMzOgTFGXxrAK1XA80FK8APwPAuBZdrRxpbGhiWL5i6+qi0psk0L9m1u0ksP\/PzFF5+ORdu8j7ypHxSmD6eWR6nmsmJZz6KTV11y+z6v8Q\/2lURd\/0gOr1gEASBACAUiEBAEClQQQAB4EnyJmUgxb14ny+emJhdEhp7a9Oj6r7z82vbdlqGjadoRUeuIgFimQaXqcO6qVZfPP++P7970zviCvXv2EggDYgkQEiRhFMK\/gzAivgShhfVFqKsPeGDE6jj1lKV8+pTY3lf+\/e9v+4+NTz1sGTpSSpxjDUQHIgL90muuvTl65pV3\/dvz22Pl0QHwqmqBdh1omtp1yftASBUFCUgdhD4DBB00AzQbtCQdJ53IFy9bUHln\/V\/f\/t17f\/BtobbgsIAcdvnVBNql11x7q7HqhrXrt\/bFyq4Ltg1GBHwPnKpa7K9uSUgzDTQLTAuMXzvNOMQbobmTgckodzyvRRfe9J27P3\/TDV8QR7K+w71x1YWrr01ccMOdD768z3Q8D+oaIJoEwwRdA68CgaeiIlA5IoR6rZkKsG6BFlGgtBBErAHqZ0FmNjS3MZ6rcMcjA+aCq+6647I1l15\/TIEsnNu1fPEVf\/61B7b2216tBpapAMTqwIqCpgMBuI56pBAc5JcIgei2AqJH1GnGQhDt0NQJdRnFX1Ekv38\/X3\/kHfvsz962dkn33BXHBIita6k1N976lScOVNvL+TxYEbU4ISBiQaIhBKNB4IAMFO\/F+2hlRn6VVmZ0BkS6E1Jp0CRUJ6A4BrLE8N5e1m+tNt\/wl3d+LaJRd9RAzr\/o4iv3pntW7enPqcV6rtps3QijkoREWi2QAHxXRUDTFRjdACMKhq0iEYlCvAEa2iHTCXXNoAmoFmBqFKbyUKtCRPCL7ft5W19yzqcvv\/yqowLSEDXTs89aff2W\/ZMRKXTQTdUXPE+BMUy104l6RQ3DVGCmaRcJIxCJQTSuSnS8HhrboLkTUs1qBZVxmByFYgGcmqp8AgLf55lt2Uj32Zdc15CwMkcMZLr4nnb2OasGY3NOGslOQuCD1ELa6ApMEIBpQiwO9RlIpsE01FlzYXAA+nphYBgGRqEqoKkDWmere5FQzYcg8uBUQPozC9AE\/UN5ekVHz2lnnPVJAP0QUsY4hPpAB635hGXn7iiaUemEVPJDBaELRR3fn8kBTVfn2ADs3UU608Q5n+gJfq+7q2hEkuweLie39DliXxHIpBSdSuMwOQKlvIoE8mDFRqrK51Wr7B4OYiuWnf4p45n\/3uBJ6R+R1upsb+5KdC1ZPjRUUHmhh7yXngLkS1V28VUuWLb68vwEl328x7vzxst3z25t3O041UKlUsZz\/fqi0Jf+8w5v0Xef7dXdhAVuXtHJdZQqQMxEIwjRiIDBbJFgVueSlkx9+0C20HdEQKxEalb\/hN+RHehXOy+tsGfoICKqZ7ieAumbIAX09XLN6tO9H9y8ZrOpadt937ftaMw2IlHGstmRYGL8vS+ubBwW1eCcbz28UyedVJ9HqggRyhv5vqjogqHcBOX5mXnp1vZ5hwKiHQpdqr5pbtUVLf5oPxRzMDEGk+NQmoRqRckOEYHAAC+AwX46jTJ3XX3udsvQt2u6niyVy9ozzz777qZNmw7ohqEnG9PJ4aHc63+2IrVzaaMLY7kwp3QwNBVhXczQiwC0AK84RWDVZ1pa2+dHxBHI+PbWNM2tbe0emqBcBGmDqIKhQyXs0tN9wTRVjozkuOSiE91ZDfFfOq5re57v33LLLU+88MILL0spWbly5elr1679w3hdg21r3q4LTuk4cdejbxs0N4AIVbEfyn4pFX0DBwIXfJeJsosVT2Yy6frDr1rxRBzTsut8N1C77fvqwbUa1EpQmlDRKYxCIQfj41Aq0t3ZUiqWSmXTjMQefvjhnevWrXs+lUpN1tXVTT700EPPb968eXdbW2scoU0snF0\/RSwOEQNMoapV4IDngF8BWQXpKpCapOh4eGh2Ll84fCD7DvQKTdc06fvKR\/jB+67Tpw+uD46jzkBD001ZLleo1WpaLpcrtbe312zbJpFI0N3d7dRqtXIsFtNsOyo14fqYDkQkmBI0XxUS6QAuCB90qShnGkhdBylFzUMcNrUcX0rfccqGJpTkkHJGemtGqJ1CEWjaYCchoTFWFvHAd+yR0dHKeeedd1JbW9uSe++9902AtWvXLlq2bNlix3EqqWQyvufA1iQTg+CmVNWLWWCb4QZ5SiH4QWjGfBJxG6EJT36Axv7QqpUdHc4m53gqH9BVH9EjKi+08KqHeWInIGPz3N5y5PpPRU7Ij2RfyLS2NS6PRP5kzZo1L5umycqVK0+fNWtWKvC93JSr9Tz3zphFRwvogXKMEUt9l9BnzJgbVsaKT6o+xlilWDhiz54bG+1tCGp5YnUNyECp14NSPIzK9NWwYXYLL40GbHyPkz8zp360f3jorVRjuu6mz33uoqhtS8dxKp7r5QzT6P76gz9esW2kBMuWQtVRKsBH5YOuK2GqaYoJToDWbBExKpPZ4cHeI9ZaTnmqvz1lDqcbGkGG0RBm6BX1UAFbilbJDDTPIuhcxB0bJuwf7qhd0JhuPNOUTiQ3MlgcHx0q6tI1y7XaGV\/6\/mMX3rPuKZtUQjWKmAmJKMQjilo6qslqEiwDYhFaZ6exykO92YH+A0cckYGBwV53vO\/t1ubuxWO5ogq5mAagK2MUTUB9M6RnQTQFEgo5nb\/63jZ7Q2dwxkUrO09ePDc9JUSZ7W\/9PLlhy87ortGqoHOhyoH8BNQnFQBfU0VEhtJfovIDQUeTRXTXuwdGsvm+IwZS8ynk3nvzxRNWrLz4l\/uyGlKbAWPYEK1TIJo6lCdxfZgcA6+Al4rxyr4R8crubTFMPQZVqGYhakDnQtX0KhOQL4Q6TVUmNA1cpXzRNZAawogwP1IJ9r7005\/VoPCRZPxrL2\/ZPD9e3d+STs8oXyOqLG6qBdIdSsK7nuopuUHIj4BbhXQjzOmCznaY1QlzFkBjE1QKKieEptTuVBEcX\/UqXSg6aeHgQkpaMnHmTR048PqLWzZ\/ZD8ykM3vGN31kyc\/fupcVal0G2IpaGiFTDskGxQd8iOQG4CJUaiVlX5ya0oMTjdTNyynTlndE4T0qVSgWFHPCQK1Iss46P1PazYZfOaxJ\/vzk9uPxiF6Gzc8eP\/HMvnd3Yvngx6HhhbIdCiX53gKxNgAFLJQKYemy1eJ7PsKgOMoCaJHVJXzQ60WhHlQqkDFC1\/Lg1ZhTlcjHxt\/8+3HfvTAOlUBjsLqFqbKuzd876v33Hh+V7W+eyEkmpX78zzIj4aRGINqWe289FUTDRuZUsdeOFExwl4B+E44hfTU\/aUK1EJL4AVEklGuaqe28W\/vvGeiWtt9LKYozitbt23c+8R37rvtmh6sTBNM1WAiC+NDSmvVyqoKSVfJjMBXC\/RcpZ2kFyqD0AIYlhoxShlqudDflGpQdiBicV1PM333ffNffvHG9scA51gAkUDuX++779vu0\/c8\/uUL01jOJAz0qSpVK4W764bRCDVT4M6o1yCcFwotVAiWUtL4KipuTUWl4iEcwRXL2ok+\/v3HHvnRA9+SMMYhZMlHGtBVXH\/v3bf\/zZfEk199\/NbzEtiiCoUC+LUQxPTi3VAnTQPxQqc3PXHUFb0MWzU9gSoCpRJmNMpnlreTefIf\/3PdPd\/4ctn19x3zafxB56iLhdf96Q1f6Dr3s9fev3nQ2rOnN1SqMxPSg5NGjbBHmBCJKAOl6+Ec21dj1kACJm1dHVxxctrJPvVP6x754f3frAVyzyEpcjRD7F8bsrSevvKUSy+6\/ubP7yy1LX7u1XdFLptH+o7a5Wm3p2nKHkdCA2boytKGQIUOdQmbMxa00+Pvf+sn6\/\/uH159bdtGCUMfRqdjBWQaTCwZs5atueLKqzM9564+UE51vjNQ1AayExSKJXw3rJZ6CMSyIGqjxywa6uK0ZOLMr9OCzlp\/X\/61p\/\/rqUceWj9RcbYD5f8tJ44lkPcfdS2NqeW\/f9bZq1KzFp0aa1t0QlHEmkfKwnb1mAg0E2maGKaGqbmyJSarca+QLR3Y8XZh385XX\/nZT58dKUy+Dkwd9o9lvyUgB38LMgWts7s6FiTqG+fokVhbfWM6bVh2DCEInGo5n8uO+dXS0FQ+9957fUN7XBg+nNL6fw3k16lnAaErI9TmOEDtcMrpMQFy\/B8GjgM5DuQ4kP+3x\/8MAHWpUzAU7qJ7AAAAAElFTkSuQmCC' alt='img'\/><\/div><div class='stb-caption-content'><\/div><div class='stb-tool'><\/div><\/div><div class='stb-content'><\/strong><\/p>\n<div tabindex=\"0\" draggable=\"true\" class=\"block-editor-block-list__block wp-block wp-block-group\" id=\"block-062ff03d-2a37-4d50-aaf6-bf9cac393408\" role=\"document\" aria-label=\"Bloc&nbsp;: Groupe\" data-block=\"062ff03d-2a37-4d50-aaf6-bf9cac393408\" data-type=\"core\/group\" data-title=\"Groupe\" data-is-drop-zone=\"true\">\n<div class=\"wp-block-group__inner-container block-editor-block-list__layout is-layout-constrained wp-block-group-is-layout-constrained\">\n<div tabindex=\"0\" draggable=\"true\" class=\"block-editor-block-list__block wp-block wp-block-group\" id=\"block-fc9c3360-d6f9-4453-9db6-e9a171d107fc\" role=\"document\" aria-label=\"Bloc&nbsp;: Groupe\" data-block=\"fc9c3360-d6f9-4453-9db6-e9a171d107fc\" data-type=\"core\/group\" data-title=\"Groupe\" data-is-drop-zone=\"true\">\n<div class=\"wp-block-group__inner-container block-editor-block-list__layout is-layout-constrained wp-block-group-is-layout-constrained\">\n<pre tabindex=\"0\" draggable=\"true\" class=\"block-editor-block-list__block wp-block wp-block-code\" id=\"block-673fd5ca-d0a8-40f1-ad59-47b6c63986ca\" role=\"document\" aria-label=\"Bloc&nbsp;: Code\" data-block=\"673fd5ca-d0a8-40f1-ad59-47b6c63986ca\" data-type=\"core\/code\" data-title=\"Code\"><code role=\"textbox\" aria-multiline=\"true\" aria-label=\"Code\" contenteditable=\"true\" class=\"block-editor-rich-text__editable rich-text\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;!DOCTYPE html&gt;<br data-rich-text-line-break=\"true\">&lt;html&gt;<br data-rich-text-line-break=\"true\">&lt;head&gt;&nbsp;&nbsp;&nbsp;<\/code><\/pre>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-7e61a005-b363-43b1-8445-fee6dc893a7a\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"7e61a005-b363-43b1-8445-fee6dc893a7a\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;title&gt;Ma premi\u00e8re carte Leaflet&lt;\/title&gt;&nbsp;&nbsp;&nbsp;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-f8f298b5-0c13-4278-b41a-3f64640dd204\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"f8f298b5-0c13-4278-b41a-3f64640dd204\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;meta charset=\u00a0\u00bbutf-8&Prime; \/&gt;&nbsp;&nbsp;&nbsp;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-8ba97e6b-ee0f-40a3-9f56-b77ece481b12\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"8ba97e6b-ee0f-40a3-9f56-b77ece481b12\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;meta name=\u00a0\u00bbviewport\u00a0\u00bb content=\u00a0\u00bbwidth=device-width, initial-scale=1.0&Prime;&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-592617e6-ce66-4f73-ace5-8c3a5ffcc5b5\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"592617e6-ce66-4f73-ace5-8c3a5ffcc5b5\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;link rel=\u00a0\u00bbstylesheet\u00a0\u00bb <strong><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-amber-color\">le CDN Leaflet<\/mark><\/em><\/strong> \/&gt;&nbsp;&nbsp;&nbsp;<\/p>\n<pre tabindex=\"0\" draggable=\"true\" class=\"block-editor-block-list__block wp-block wp-block-code\" id=\"block-a9a075ea-1c6c-4d0f-afcf-5819c9e01ab3\" role=\"document\" aria-label=\"Bloc&nbsp;: Code\" data-block=\"a9a075ea-1c6c-4d0f-afcf-5819c9e01ab3\" data-type=\"core\/code\" data-title=\"Code\"><code role=\"textbox\" aria-multiline=\"true\" aria-label=\"Code\" contenteditable=\"true\" class=\"block-editor-rich-text__editable rich-text\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;style&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br data-rich-text-line-break=\"true\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-amber-color\">D\u00e9finition de la carte<\/mark><br data-rich-text-line-break=\"true\">&lt;\/style&gt;<br data-rich-text-line-break=\"true\">&lt;\/head&gt;<br data-rich-text-line-break=\"true\">&lt;body&gt;&nbsp;&nbsp;&nbsp;<br data-rich-text-line-break=\"true\">&lt;h1&gt;Carte interactive avec Leaflet&lt;\/h1&gt;&nbsp;&nbsp;&nbsp;<\/code><\/pre>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-8115cd40-ab29-4e80-8db5-47d58e52a073\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"8115cd40-ab29-4e80-8db5-47d58e52a073\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&lt;div id=\u00a0\u00bbmap\u00a0\u00bb&gt;&lt;\/div&gt;&nbsp;&nbsp;&nbsp;<br data-rich-text-line-break=\"true\">&lt;script&gt;<\/p>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-b828a87c-417b-4d8d-876a-a76b0159f4c0\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"b828a87c-417b-4d8d-876a-a76b0159f4c0\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-amber-color\">&#8230;&nbsp;&nbsp;&nbsp; Les \u00e9l\u00e9ments de la carte<\/mark><br data-rich-text-line-break=\"true\">&lt;\/script&gt;<br data-rich-text-line-break=\"true\">&lt;\/body&gt;<br data-rich-text-line-break=\"true\">&lt;\/html&gt;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p role=\"document\" aria-multiline=\"true\" class=\"block-editor-rich-text__editable block-editor-block-list__block wp-block wp-block-paragraph rich-text\" id=\"block-a881106f-dc9f-4c72-81c3-4826d2b59947\" aria-label=\"Bloc&nbsp;: paragraphe\" data-block=\"a881106f-dc9f-4c72-81c3-4826d2b59947\" data-type=\"core\/paragraph\" data-title=\"Paragraphe\" data-empty=\"false\" contenteditable=\"true\" data-wp-block-attribute-key=\"content\" style=\"white-space: pre-wrap; min-width: 1px;\"><\/div><\/div>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"block-841dc82e-dbbf-4b56-a41c-88499cd580be\"><span class=\"ez-toc-section\" id=\"Ejercicio_practico\"><\/span>Ejercicio pr\u00e1ctico<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-841dc82e-dbbf-4b56-a41c-88499cd580be\"><span class=\"ez-toc-section\" id=\"Ejercicio_%E2%80%93_Sesion_1_Mi_primer_mapa_interactivo\"><\/span><br>Ejercicio &#8211; Sesi\u00f3n 1: Mi primer mapa interactivo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"block-841dc82e-dbbf-4b56-a41c-88499cd580be\"><span class=\"ez-toc-section\" id=\"Objetivo\"><\/span><br>Objetivo:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-841dc82e-dbbf-4b56-a41c-88499cd580be\"><br>Crear un mapa interactivo centrado en su ciudad, con tres puntos de inter\u00e9s de su elecci\u00f3n (lugares tur\u00edsticos, lugares personales, etc.).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-c2c28f91-10eb-4a6e-9e88-3e880bcc71b7\"\/>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-fb3efe68-75e9-4c00-9766-d5516c80b28a\">Pasos a seguir :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-fb3efe68-75e9-4c00-9766-d5516c80b28a\"><strong>Crear un archivo index.html<\/strong><br>Este archivo contendr\u00e1 el c\u00f3digo de su mapa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A\u00f1ada los recursos Leaflet<\/strong><br>En la etiqueta HEAD, pegue este c\u00f3digo para cargar la biblioteca Leaflet:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;link rel=\u00a0\u00bbstylesheet\u00a0\u00bb href=\u00a0\u00bbhttps:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\u00a0\u00bb \/&gt; &lt;script src=\u00a0\u00bbhttps:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\u00a0\u00bb&gt;&lt;\/script&gt;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Prepare un \u00e1rea de visualizaci\u00f3n para el mapa<\/strong><br>En el BODY , a\u00f1ade un div con un identificador de mapa y dale una altura en una etiqueta o directamente en CSS :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;div id=\u00a0\u00bbmap\u00a0\u00bb style=\u00a0\u00bbheight: 400px;\u00a0\u00bb&gt;&lt;\/div&gt;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Inicializar el mapa<\/strong><br>En una etiqueta &lt;script&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> var map = L.map(&lsquo;map&rsquo;).setView([48.8566, 2.3522], 13); \/\/ Cree un mapa centrado en su ciudad (Par\u00eds, por ejemplo)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L.tileLayer(&lsquo;https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png&rsquo;, { attribution: &lsquo;\u00a9 OpenStreetMap contributors&rsquo; }).addTo(map);\/\/ A\u00f1ade una capa de fondo (OpenStreetMap)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A\u00f1ada 3 marcadores personalizados<\/strong><br>Coloca tres puntos en tu mapa con burbujas de informaci\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>L.marker([48.8584, 2.2945]).addTo(map).bindPopup(\u00ab\u00a0Tour Eiffel\u00a0\u00bb);<\/li>\n\n\n\n<li> L.marker([48.8606, 2.3376]).addTo(map).bindPopup(\u00ab\u00a0Louvre\u00a0\u00bb); <\/li>\n\n\n\n<li>L.marker([48.8738, 2.2950]).addTo(map).bindPopup(\u00ab\u00a0Arc de Triomphe\u00a0\u00bb);<\/li>\n<\/ul>\n\n\n\n<ol start=\"1\" id=\"block-ffa1a1fa-3b50-4e3f-a1b2-2a290e912594\" class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-52c1ddbc-e16f-4369-a151-d613b1b4d918\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-5502bedc-e7f8-4d80-9cba-6d0773039acf\"><span class=\"ez-toc-section\" id=\"Bonus\"><\/span><strong>Bonus :<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-b020d487-2277-4412-a145-4d0669ae2e24\">A\u00f1ade una interacci\u00f3n para mostrar las coordenadas al hacer clic en el mapa:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-1738d788-b831-4eba-99ee-73d9be1adb3d\">map.on(&lsquo;click&rsquo;, function(e) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-698c0962-dbb3-401a-9de8-38b9dcb613af\">&nbsp;&nbsp;&nbsp; alert(\u00ab\u00a0Coordonn\u00e9es : \u00a0\u00bb + e.latlng);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-da437c83-4d38-4ad3-a776-bf8d848f3676\">});<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-73b1d0ca-3f9c-4320-85a0-7ace9a8dfdc7\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-c18417ba-67c7-4c6c-8085-a35989cd63ad\"><span class=\"ez-toc-section\" id=\"Resultado_esperado\"><\/span>Resultado esperado:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aparece un mapa en el centro de su navegador, ampliado en su ciudad, con tres marcadores. Al hacer clic en cada marcador se abre un tooltip. Al hacer clic en cualquier punto del mapa, se muestran las coordenadas del punto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ver_el_resultado_de_Paris_en_una_pestana_nueva\"><\/span><a href=\"https:\/\/www.nasca.ovh\/downloads\/index_paris.html\" title=\"Ver el resultado de Par\u00eds en una pesta\u00f1a nueva\">Ver el resultado de Par\u00eds en una pesta\u00f1a nueva<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-d7de7c79-5253-445d-8785-4d914a7b7a12\"><span class=\"ez-toc-section\" id=\"Ver_el_resultado_para_Isla_Rodrigues_en_una_pestana_nueva\"><\/span><a href=\"https:\/\/www.nasca.ovh\/downloads\/index_rodrigues.html\" title=\"Ver el resultado para Isla Rodrigues en una pesta\u00f1a nueva\">Ver el resultado para Isla Rodrigues en una pesta\u00f1a nueva<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-vivid-cyan-blue-background-color has-background wp-element-button\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet\">&lt;-Programa y m\u00e9todo<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-vivid-cyan-blue-background-color has-background wp-element-button\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/es\/tutorial-leaflet-sesion-2\">-&gt;Sesi\u00f3n 2: Capas e interactividad<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-3b3257f3-9fdd-411a-b9f4-5481415432d2\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n a LeafletBienvenido al curso de introducci\u00f3n a Leaflet.js Crear mapas interactivos en la web nunca ha sido tan f\u00e1cil.Utilizando la librer\u00eda JavaScript Leaflet, aprender\u00e1s a representar lugares, rutas y datos, y a mejorar tus mapas&hellip;<\/p>\n","protected":false},"author":1,"featured_media":13194,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"give_campaign_id":0,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sfsi_plus_gutenberg_text_before_share":"","sfsi_plus_gutenberg_show_text_before_share":"","sfsi_plus_gutenberg_icon_type":"","sfsi_plus_gutenberg_icon_alignemt":"","sfsi_plus_gutenburg_max_per_row":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[3018],"tags":[2967,2939,2969,2971,2973,2975],"class_list":["post-13147","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webmapping-es","tag-estructura","tag-leaflet-es","tag-map-es","tag-marker-es","tag-popup-es","tag-tilelayer-es"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.sigterritoires.fr\/wp-content\/uploads\/2025\/04\/seance-2-es-1.jpg?fit=1280%2C720&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p6XU0A-3q3","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/13147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/comments?post=13147"}],"version-history":[{"count":0,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/13147\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media\/13194"}],"wp:attachment":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media?parent=13147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/categories?post=13147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/tags?post=13147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}