﻿{"id":13148,"date":"2025-05-05T10:00:00","date_gmt":"2025-05-05T08:00:00","guid":{"rendered":"https:\/\/www.sigterritoires.fr\/?p=13148"},"modified":"2025-04-28T20:13:03","modified_gmt":"2025-04-28T18:13:03","slug":"tutorial-leaflet-sessao-1","status":"publish","type":"post","link":"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-1\/","title":{"rendered":"Tutorial Leaflet: sess\u00e3o 1"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introducao_ao_Leaflet_Bem-vindo_ao_curso_de_introducao_ao_Leafletjs\"><\/span>Introdu\u00e7\u00e3o ao Leaflet<br>Bem-vindo ao curso de introdu\u00e7\u00e3o ao Leaflet.js<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p id=\"block-fc93fb4a-dff7-48da-8012-e2663c736532\">Criar mapas interativos na Web nunca foi t\u00e3o f\u00e1cil.<br>Usando a biblioteca JavaScript Leaflet, voc\u00ea aprender\u00e1 a representar lugares, rotas e dados e a aprimorar seus mapas com marcadores, estilos, intera\u00e7\u00f5es e muito mais.<\/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_do_curso\"><\/span>Objetivo do curso<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p id=\"block-508223ab-e178-4e70-b39b-10a39950a6ba\">O objetivo deste curso \u00e9 capacit\u00e1-lo a criar mapas interativos usando o Leaflet.<br>Ao final do programa, voc\u00ea ser\u00e1 capaz de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Exibir um mapa centrado em um local,<\/li>\n\n\n\n<li>Adicionar marcadores, pol\u00edgonos, imagens, etc.,<\/li>\n\n\n\n<li>Estilizar e personalizar os objetos do mapa,<\/li>\n\n\n\n<li>Integrar intera\u00e7\u00f5es (cliques, hovers, pop-ups),<\/li>\n\n\n\n<li>E at\u00e9 mesmo publicar o mapa na Web.<\/li>\n<\/ul>\n\n\n\n<p id=\"block-28191bf9-0091-4b5e-b088-43066acd3d9e\">N\u00e3o \u00e9 necess\u00e1rio ter experi\u00eancia pr\u00e9via com o Leaflet. Um conhecimento b\u00e1sico de HTML\/JavaScript \u00e9 \u00fatil, mas n\u00e3o essencial: tudo \u00e9 explicado passo a passo. n\u2019est requise. Une <strong>base en HTML\/JavaScript<\/strong> est utile mais non obligatoire : tout est expliqu\u00e9 pas \u00e0 pas.<\/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=\"Organizacao_do_curso\"><\/span>Organiza\u00e7\u00e3o do curso<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p id=\"block-d5d1d1d9-10ad-4140-ac1b-2ca7a2e03064\">Cada sess\u00e3o segue uma progress\u00e3o l\u00f3gica:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Uma apresenta\u00e7\u00e3o de slides resumida para introduzir os principais conceitos<\/li>\n\n\n\n<li>Um texto explicativo detalhando cada ponto<\/li>\n\n\n\n<li>Um exerc\u00edcio pr\u00e1tico para aplicar o que voc\u00ea aprendeu<\/li>\n\n\n\n<li>Uma chave de respostas acess\u00edvel para verificar seu trabalho<\/li>\n<\/ol>\n\n\n\n<p id=\"block-2f34ee64-40f6-4a23-831c-f937d28ddb18\">Dura\u00e7\u00e3o recomendada por sess\u00e3o: aproximadamente 1-2 horas.<br>Voc\u00ea pode acompanhar o curso de forma independente, conforme sua conveni\u00eancia.ance.<\/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<p>Materiais necess\u00e1rios<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Um navegador da Web (Chrome, Firefox, etc.)<\/li>\n\n\n\n<li>Um editor de c\u00f3digo (Visual Studio Code ou at\u00e9 mesmo um editor on-line, como JSFiddle ou CodePen)<\/li>\n\n\n\n<li>Uma conex\u00e3o com a Internet (para carregar os mapas de fundo)<\/li>\n\n\n\n<li>Fa\u00e7a o download do kit inicial aqui, para ser descompactado em um diret\u00f3rio de sua escolha.<\/li>\n<\/ul>\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\"><span class=\"ez-toc-section\" id=\"starter_kit\"><\/span><a href='https:\/\/www.sigterritoires.fr\/index.php\/download\/starter-kit\/'>starter kit<\/a><span class=\"ez-toc-section-end\"><\/span><\/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=69f2716124af21777496417\">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=\"Um_metodo_simples_e_ativo\"><\/span>Um m\u00e9todo simples e ativo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Este curso enfatiza o aprendizado pela pr\u00e1tica.<br>O objetivo n\u00e3o \u00e9 apenas ler, mas testar, modificar e experimentar. Quanto mais voc\u00ea brincar com o c\u00f3digo, mais naturalmente reter\u00e1 os conceitos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-d81f4870-e9af-4cd2-8c08-f69f36b2f0f5\"><span class=\"ez-toc-section\" id=\"Vamos_comecar_Vamos_comecar\"><\/span>Vamos come\u00e7ar! Vamos come\u00e7ar!<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%\"><iframe src=\"\/\/view.officeapps.live.com\/op\/embed.aspx?src=https%3A%2F%2Fwww.sigterritoires.fr%2Fwp-content%2Fuploads%2F2025%2F04%2FInitiation-a-leaflet-seance-1-pt.pptx\" title=\"Document embarqu\u00e9\" class=\"ead-iframe\" style=\"width: 100%;height: 100%;border: none;position: absolute;left: 0;top: 0;\"><\/iframe><\/div><\/div>\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 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\/pt\/tutorial-leaflet-sessao-1\/#Introducao_ao_Leaflet_Bem-vindo_ao_curso_de_introducao_ao_Leafletjs\" >Introdu\u00e7\u00e3o ao Leaflet Bem-vindo ao curso de introdu\u00e7\u00e3o ao 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\/pt\/tutorial-leaflet-sessao-1\/#Objetivo_do_curso\" >Objetivo do 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\/pt\/tutorial-leaflet-sessao-1\/#Organizacao_do_curso\" >Organiza\u00e7\u00e3o do curso<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-1\/#starter_kit\" >starter kit<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-1\/#Um_metodo_simples_e_ativo\" >Um m\u00e9todo simples e ativo<\/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\/pt\/tutorial-leaflet-sessao-1\/#Vamos_comecar_Vamos_comecar\" >Vamos come\u00e7ar! Vamos come\u00e7ar!<\/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\/pt\/tutorial-leaflet-sessao-1\/#Slide_1_O_que_e_Leaflet\" >Slide 1: O que \u00e9 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\/pt\/tutorial-leaflet-sessao-1\/#Introducao_ao_Leaflet\" >Introdu\u00e7\u00e3o ao 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\/pt\/tutorial-leaflet-sessao-1\/#Por_que_usar_o_Leaflet\" >Por que usar o 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\/pt\/tutorial-leaflet-sessao-1\/#Slide_2_Componentes_basicos\" >Slide 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\/pt\/tutorial-leaflet-sessao-1\/#1O_mapa_Lmap\" >1.O 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\/pt\/tutorial-leaflet-sessao-1\/#2Planos_de_fundo_do_mapa_blocos\" >2.Planos de fundo do mapa (blocos)<\/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\/pt\/tutorial-leaflet-sessao-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\/pt\/tutorial-leaflet-sessao-1\/#4Formas_vetoriais\" >4.Formas vetoriais<\/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\/pt\/tutorial-leaflet-sessao-1\/#5Popups_e_dicas_de_ferramentas\" >5.Popups e dicas de ferramentas<\/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\/pt\/tutorial-leaflet-sessao-1\/#6Controle_de_camadas_Lcontrollayers\" >6.Controle de camadas (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\/pt\/tutorial-leaflet-sessao-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\/pt\/tutorial-leaflet-sessao-1\/#8Camadas_GeoJSON\" >8.Camadas 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\/pt\/tutorial-leaflet-sessao-1\/#9Plug-ins\" >9.Plug-ins<\/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\/pt\/tutorial-leaflet-sessao-1\/#Slide_3_Exemplo_de_um_cartao_de_Leaflet\" >Slide 3: Exemplo de um cart\u00e3o de 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\/pt\/tutorial-leaflet-sessao-1\/#Visualize_o_mapa_em_uma_nova_guia\" >Visualize o mapa em uma nova guia.<\/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\/pt\/tutorial-leaflet-sessao-1\/#Slide_4_Adicionando_um_marcador_e_um_pop-up\" >Slide 4: Adicionando um marcador e um pop-up<\/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\/pt\/tutorial-leaflet-sessao-1\/#Slide_5_Personalizando_um_marcador_com_um_icone\" >Slide 5: Personalizando um marcador com um \u00edcone<\/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\/pt\/tutorial-leaflet-sessao-1\/#Slide_6_Adicionando_varios_marcadores_a_um_mapa\" >Slide 6: Adicionando v\u00e1rios marcadores a um 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\/pt\/tutorial-leaflet-sessao-1\/#Slide_7_Estrutura_basica_de_uma_pagina_de_folheto\" >Slide 7: Estrutura b\u00e1sica de uma p\u00e1gina de folheto<\/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\/pt\/tutorial-leaflet-sessao-1\/#Resumo_dos_principais_elementos\" >Resumo dos principais elementos:<\/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\/pt\/tutorial-leaflet-sessao-1\/#Exercicio_pratico\" >Exerc\u00edcio pr\u00e1tico<\/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\/pt\/tutorial-leaflet-sessao-1\/#Exercicio_%E2%80%93_Sessao_1_Meu_primeiro_mapa_interativo\" >Exerc\u00edcio &#8211; Sess\u00e3o 1: Meu primeiro mapa interativo<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-1\/#Etapas_a_seguir\" >Etapas a seguir :<\/a><\/li><\/ul><\/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\/pt\/tutorial-leaflet-sessao-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-31\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-1\/#Veja_o_resultado_para_Paris_em_uma_nova_guia\" >Veja o resultado para Paris em uma nova guia<\/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\/pt\/tutorial-leaflet-sessao-1\/#Veja_o_resultado_para_a_Ilha_Rodrigues_em_uma_nova_guia\" >Veja o resultado para a Ilha Rodrigues em uma nova guia.<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<p id=\"block-f4aec848-915b-4899-a7cf-064bab17bea7\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Slide_1_O_que_e_Leaflet\"><\/span>Slide 1: O que \u00e9 Leaflet?<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introducao_ao_Leaflet\"><\/span>Introdu\u00e7\u00e3o ao Leaflet<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O Leaflet \u00e9 uma biblioteca JavaScript de c\u00f3digo aberto leve e avan\u00e7ada para a cria\u00e7\u00e3o de mapas interativos e din\u00e2micos em p\u00e1ginas da Web. \u00c9 uma das ferramentas mais populares para mapas da Web e \u00e9 amplamente utilizada por sua simplicidade e capacidade de integra\u00e7\u00e3o com uma variedade de fontes de dados geogr\u00e1ficos.<\/p>\n\n\n\n<p>Principais recursos do Leaflet<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Leveza<\/strong>: o Leaflet \u00e9 uma biblioteca muito leve (cerca de 40 KB compactados), o que o torna ideal para aplicativos da Web em que o desempenho \u00e9 essencial.<\/li>\n\n\n\n<li><strong>Facilidade de uso<\/strong>: com sua sintaxe simples e clara, o Leaflet \u00e9 acess\u00edvel at\u00e9 mesmo para iniciantes em JavaScript.<\/li>\n\n\n\n<li><strong>Extensibilidade<\/strong>: embora a biblioteca b\u00e1sica ofere\u00e7a a funcionalidade essencial para mapas interativos, o Leaflet pode ser estendido com v\u00e1rios plug-ins para adicionar outras funcionalidades (por exemplo, gerenciamento de camadas, geolocaliza\u00e7\u00e3o, desenho de formas geogr\u00e1ficas etc.).<\/li>\n\n\n\n<li><strong>Compatibilidade <\/strong>com outros formatos: o Leaflet pode ser facilmente usado com blocos rasterizados (imagens de mapas) e dados vetoriais (GeoJSON, KML etc.).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Por_que_usar_o_Leaflet\"><\/span>Por que usar o Leaflet?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O Leaflet permite que voc\u00ea crie mapas da Web que atendam a uma variedade de necessidades, desde simples mapas de localiza\u00e7\u00e3o at\u00e9 complexas visualiza\u00e7\u00f5es de dados geoespaciais. Veja a seguir alguns exemplos de casos de uso do Leaflet:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Exibi\u00e7\u00e3o de mapas interativos com blocos, como OpenStreetMap, Mapbox ou outros servi\u00e7os de blocos.<\/li>\n\n\n\n<li>Cria\u00e7\u00e3o de mapas leves de Sistema de Informa\u00e7\u00f5es Geogr\u00e1ficas (GIS) para visualiza\u00e7\u00e3o de dados geoespaciais.<\/li>\n\n\n\n<li>Mapas de rastreamento em tempo real (por exemplo, para rastrear ve\u00edculos ou pessoas).<\/li>\n\n\n\n<li>Aplicativos de geolocaliza\u00e7\u00e3o, para exibi\u00e7\u00e3o de posi\u00e7\u00f5es em mapas.<\/li>\n\n\n\n<li>Mapas usados em aplicativos de turismo, nos quais s\u00e3o indicados pontos de interesse ou rotas.<\/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=\"Slide_2_Componentes_basicos\"><\/span>Slide 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=\"1O_mapa_Lmap\"><\/span>1.O 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 id=\"block-9051b49a-4eb9-467e-b8fe-fe4581b51878\">Esse \u00e9 o cont\u00eainer principal do seu aplicativo de mapeamento.<\/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=\"2Planos_de_fundo_do_mapa_blocos\"><\/span>2.Planos de fundo do mapa (blocos)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p id=\"block-7eacbda1-2878-4379-b590-fac4011eb37f\">Essas s\u00e3o imagens divididas em pequenos blocos (256&#215;256 px) carregados de acordo com o n\u00edvel de zoom e a posi\u00e7\u00e3o.<\/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 id=\"block-49d5e57e-528a-408a-a459-dce197b4dc9a\">Indicam uma posi\u00e7\u00e3o precisa no mapa (geralmente com um \u00edcone ou 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\" id=\"block-5248dc84-2cd3-468b-a680-423c5e604c32\"><span class=\"ez-toc-section\" id=\"4Formas_vetoriais\"><\/span>4.Formas vetoriais<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O Leaflet permite que voc\u00ea desenhe :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pol\u00edgonos (L.polygon)<\/li>\n\n\n\n<li>Polilinhas (L.polyline)<\/li>\n\n\n\n<li>C\u00edrculos (L.circle)<\/li>\n\n\n\n<li>Ret\u00e2ngulos (L.rectangle)<\/li>\n<\/ul>\n\n\n\n<p id=\"block-57416dcc-0a0c-450b-ac70-6182867cb6bf\"><br>Exemplo:<\/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\" id=\"block-196421b0-eae4-4a2e-99d1-9ebf264c5176\"><span class=\"ez-toc-section\" id=\"5Popups_e_dicas_de_ferramentas\"><\/span>5.Popups e dicas de ferramentas<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Para exibir informa\u00e7\u00f5es ao passar o mouse ou ao clicar.<\/p>\n\n\n\n<pre id=\"block-fca1b65f-318c-43f5-9ba5-fc04dca97efb\" class=\"wp-block-code\"><code>marcador.bindPopup(\u201cAqui est\u00e1 um pop-up\u201d);<br>marker.bindTooltip(\u201cUma pequena dica de ferramenta\u201d, {permanent: true});\n\n<br><\/code><\/pre>\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=\"6Controle_de_camadas_Lcontrollayers\"><\/span>6.Controle de camadas (L.control.layers)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p id=\"block-b3320b11-5dce-4c9b-acfe-d97e43e9b804\">Para alternar entre v\u00e1rios mapas de base ou camadas de informa\u00e7\u00f5es.<\/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 id=\"block-52cca123-9ba4-498b-8d36-77564abeabd7\">Cada elemento (mapa, marcador, pol\u00edgono, etc.) pode ouvir eventos: cliques, passar o mouse, zoom, 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(\"Coordonn\u00e9es : \" + e.latlng);<br>});<br>\ufeff<\/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=\"8Camadas_GeoJSON\"><\/span>8.Camadas GeoJSON<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p id=\"block-07925e10-88e7-45b5-a0b6-6b84c1e13fda\">Para exibir dados vetoriais din\u00e2micos (geralmente de bancos de dados ou arquivos).<\/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=\"9Plug-ins\"><\/span>9.Plug-ins<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O Leaflet tem uma grande comunidade. Voc\u00ea pode adicionar fun\u00e7\u00f5es como pesquisa, clusters, m\u00e9tricas, etc., por meio de plug-ins.<\/p>\n\n\n\n<p id=\"block-47986779-df53-4f22-8974-e7bd8385a1d4\">Os exemplos incluem :<\/p>\n\n\n\n<ul id=\"block-97ecf0a0-dd93-484f-8e4f-304e0d110b25\" class=\"wp-block-list\">\n<li>Leaflet.draw (desenho interativo)<\/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=\"Slide_3_Exemplo_de_um_cartao_de_Leaflet\"><\/span>Slide 3: Exemplo de um cart\u00e3o de Leaflet<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>Exemplo b\u00e1sico de uso do Leaflet<\/p>\n\n\n\n<p>Explica\u00e7\u00e3o: Este slide explica como inicializar um mapa usando o Leaflet. O c\u00f3digo de exemplo mostra como :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Inicializar o mapa com L.map(&lsquo;id&rsquo;).<\/li>\n\n\n\n<li>Posicionar o mapa no centro usando setView(), definindo as coordenadas geogr\u00e1ficas (latitude, longitude) e o n\u00edvel de zoom.<\/li>\n\n\n\n<li>Adicione uma camada de ladrilhos com L.tileLayer(), usando ladrilhos gratuitos do OpenStreetMap.<\/li>\n<\/ul>\n\n\n\n<p>O objetivo \u00e9 entender como definir os par\u00e2metros b\u00e1sicos para a exibi\u00e7\u00e3o de um mapa do Leaflet.<\/p>\n\n\n\n<p id=\"block-3f61e550-11ba-43bc-9c3b-5c6cd8024922\">Aqui est\u00e1 um exemplo simples de como inicializar um mapa do Leaflet e adicionar um 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 id=\"block-fe9f92af-4441-4a8b-af60-d79d94013925\">Esse c\u00f3digo cria um mapa centrado em Paris, com um marcador que exibe um pop-up com texto descritivo. Os usu\u00e1rios podem aumentar o zoom, mover o mapa e interagir com ele.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Visualize_o_mapa_em_uma_nova_guia\"><\/span><a href=\"https:\/\/www.nasca.ovh\/downloads\/exemple_leaflet.html\" title=\"Visualize o mapa em uma nova guia\">Visualize o mapa em uma nova guia<\/a>.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Slide_4_Adicionando_um_marcador_e_um_pop-up\"><\/span>Slide 4: Adicionando um marcador e um pop-up<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>Explica\u00e7\u00e3o: Este slide mostra como adicionar um marcador ao mapa. O marcador representa um ponto geogr\u00e1fico e, depois de adicionado, um pop-up pode ser associado para exibir informa\u00e7\u00f5es quando o usu\u00e1rio clicar nesse marcador. O c\u00f3digo L.marker().addTo(map) \u00e9 usado para criar um marcador e bindPopup() para associar um popup contendo uma mensagem.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Slide_5_Personalizando_um_marcador_com_um_icone\"><\/span>Slide 5: Personalizando um marcador com um \u00edcone<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p id=\"block-7841f161-c566-41ee-b97f-e851d4bf9d81\">Explica\u00e7\u00e3o: Os marcadores no Leaflet podem ser personalizados com \u00edcones para torn\u00e1-los mais visuais e representativos. Este slide mostra como usar a classe L.icon() para criar um \u00edcone personalizado e, em seguida, aplic\u00e1-lo ao marcador por meio da op\u00e7\u00e3o de \u00edcone. Isso permite personalizar a apar\u00eancia do marcador de acordo com o contexto do aplicativo (por exemplo, um marcador que representa um posto de gasolina ou um hotel com \u00edcones espec\u00edficos).<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Slide_6_Adicionando_varios_marcadores_a_um_mapa\"><\/span>Slide 6: Adicionando v\u00e1rios marcadores a um mapa<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>Explica\u00e7\u00e3o: Quando v\u00e1rios pontos de interesse precisam ser adicionados ao mapa, este slide explica como proceder. Voc\u00ea pode criar v\u00e1rios marcadores, cada um com coordenadas espec\u00edficas, e depois adicion\u00e1-los ao mapa. Um c\u00f3digo de exemplo mostra como criar uma matriz de coordenadas e, em seguida, usar o loop forEach() para adicionar os marcadores ao mapa. Isso permite que centenas ou milhares de pontos sejam adicionados sem nenhuma sobrecarga de c\u00f3digo.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Slide_7_Estrutura_basica_de_uma_pagina_de_folheto\"><\/span>Slide 7: Estrutura b\u00e1sica de uma p\u00e1gina de folheto<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Resumo_dos_principais_elementos\"><\/span>Resumo dos principais elementos:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Um  <code>&lt;div id=\"map\"&gt;<\/code> para conter o mapa.<\/li>\n\n\n\n<li>CSS obrigat\u00f3rio para definir o tamanho do cont\u00eainer.<\/li>\n\n\n\n<li>Os links para os arquivos do folheto (CSS + JS).<\/li>\n\n\n\n<li>Um script JavaScript para :\n<ul class=\"wp-block-list\">\n<li>criar o mapa,<\/li>\n\n\n\n<li>adicionar um mapa de fundo,<\/li>\n\n\n\n<li>possivelmente adicionar camadas, marcadores, pop-ups, 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\"><span class=\"ez-toc-section\" id=\"Exercicio_pratico\"><\/span>Exerc\u00edcio pr\u00e1tico<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Exercicio_%E2%80%93_Sessao_1_Meu_primeiro_mapa_interativo\"><\/span><br>Exerc\u00edcio &#8211; Sess\u00e3o 1: Meu primeiro mapa interativo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><br><strong>Objetivo:<\/strong><br>Criar um mapa interativo centrado em sua cidade, com tr\u00eas pontos de interesse de sua escolha (locais tur\u00edsticos, locais pessoais 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<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Etapas_a_seguir\"><\/span>Etapas a seguir :<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p><strong>Criar um arquivo index.html<\/strong><br>Esse arquivo conter\u00e1 o c\u00f3digo do seu mapa.<\/p>\n\n\n\n<p><strong>Adicionar recursos do Leaflet<\/strong><br>Na tag HEAD, cole este c\u00f3digo para carregar a biblioteca do Leaflet:<\/p>\n\n\n\n<p>&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;<\/p>\n\n\n\n<p><strong>Prepare uma \u00e1rea de exibi\u00e7\u00e3o para o mapa<\/strong><br>No BODY , adicione uma div com um identificador de mapa e d\u00ea a ela uma altura em uma tag ou diretamente no CSS : <style> ou directement en CSS :<\/style><\/p>\n\n\n\n<p>&lt;div id=\u00a0\u00bbmap\u00a0\u00bb style=\u00a0\u00bbheight: 400px;\u00a0\u00bb&gt;&lt;\/div&gt;<\/p>\n\n\n\n<p>I<strong>nicializar o mapa<\/strong><br>Em uma tag  &lt;script&gt;<\/p>\n\n\n\n<p>var map = L.map(&lsquo;map&rsquo;).setView([48.8566, 2.3522], 13);\/\/ Crie um mapa centrado em sua cidade (Paris, por exemplo)<br> L.tileLayer(&lsquo;https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png&rsquo;, { attribution: &lsquo;\u00a9 OpenStreetMap contributors&rsquo; }).addTo(map);\/\/ Adicione uma camada de fundo (OpenStreetMap)<\/p>\n\n\n\n<p><strong>Adicione 3 marcadores personalizados<\/strong><br>Coloque tr\u00eas pontos em seu mapa com bolhas de informa\u00e7\u00f5es:<\/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<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-52c1ddbc-e16f-4369-a151-d613b1b4d918\"\/>\n\n\n\n<p id=\"block-5502bedc-e7f8-4d80-9cba-6d0773039acf\">B\u00f4nus :<\/p>\n\n\n\n<p id=\"block-b020d487-2277-4412-a145-4d0669ae2e24\">Adicione uma intera\u00e7\u00e3o para exibir coordenadas quando o mapa for clicado:<\/p>\n\n\n\n<p id=\"block-1738d788-b831-4eba-99ee-73d9be1adb3d\">map.on(&lsquo;click&rsquo;, function(e) {<\/p>\n\n\n\n<p id=\"block-698c0962-dbb3-401a-9de8-38b9dcb613af\">&nbsp;&nbsp;&nbsp; alert(\u00ab\u00a0Coordonn\u00e9es : \u00a0\u00bb + e.latlng);<\/p>\n\n\n\n<p 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 id=\"block-b3d3d6a6-2486-4fa7-b5ef-f35d10834d71\">Um mapa \u00e9 exibido no centro do navegador, com zoom em sua cidade, com tr\u00eas marcadores. Clicar em cada marcador abre uma dica de ferramenta. Clicar em qualquer lugar do mapa exibe as coordenadas do ponto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"block-03db4cde-561e-479b-bcc2-bf0e3e3d158c\"><span class=\"ez-toc-section\" id=\"Veja_o_resultado_para_Paris_em_uma_nova_guia\"><\/span><a href=\"https:\/\/www.nasca.ovh\/downloads\/index_paris.html\" title=\"Veja o resultado para Paris em uma nova guia\">Veja o resultado para Paris em uma nova guia<\/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=\"Veja_o_resultado_para_a_Ilha_Rodrigues_em_uma_nova_guia\"><\/span><a href=\"https:\/\/www.nasca.ovh\/downloads\/index_rodrigues.html\" title=\"Veja o resultado para a Ilha Rodrigues em uma nova guia.\">Veja o resultado para a Ilha Rodrigues em uma nova guia.<\/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\/pt\/tutorial-leaflet\">&lt;-Programa e 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\/pt\/tutorial-leaflet-sessao-2\">-&gt;Sess\u00e3o 2: Camadas e interatividade<\/a><\/div>\n<\/div>\n\n\n\n<p id=\"block-3b3257f3-9fdd-411a-b9f4-5481415432d2\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introdu\u00e7\u00e3o ao LeafletBem-vindo ao curso de introdu\u00e7\u00e3o ao Leaflet.js Criar mapas interativos na Web nunca foi t\u00e3o f\u00e1cil.Usando a biblioteca JavaScript Leaflet, voc\u00ea aprender\u00e1 a representar lugares, rotas e dados e a aprimorar seus mapas com&hellip;<\/p>\n","protected":false},"author":1,"featured_media":13195,"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_post_was_ever_published":false,"_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":""},"categories":[3021],"tags":[2957,2937,2959,2961,2963,2965],"class_list":["post-13148","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webmapping-pt","tag-estrutura","tag-leaflet-pt","tag-map-pt","tag-marker-pt","tag-popup-pt","tag-tilelayer-pt"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.sigterritoires.fr\/wp-content\/uploads\/2025\/04\/seance-1-pt.jpg?fit=1280%2C720&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p6XU0A-3q4","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/13148","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=13148"}],"version-history":[{"count":0,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/13148\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media\/13195"}],"wp:attachment":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media?parent=13148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/categories?post=13148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/tags?post=13148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}