{"id":13795,"date":"2025-05-26T10:00:00","date_gmt":"2025-05-26T08:00:00","guid":{"rendered":"https:\/\/www.sigterritoires.fr\/?p=13795"},"modified":"2025-05-19T23:08:56","modified_gmt":"2025-05-19T21:08:56","slug":"tutorial-leaflet-sessao-6","status":"publish","type":"post","link":"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/","title":{"rendered":"Tutorial Leaflet: sess\u00e3o 6"},"content":{"rendered":"<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%2F05%2FInitiation-a-leaflet-seance-6pt.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%2F05%2FInitiation-a-leaflet-seance-6pt.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<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\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 ' ><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Objetivos_da_sessao_Criacao_de_um_projeto_de_mini-mapeamento\" >Objetivos da sess\u00e3o: Cria\u00e7\u00e3o de um projeto de mini-mapeamento<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Objetivos_de_aprendizado\" >Objetivos de aprendizado<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Sugestoes_de_temas_para_miniprojetos\" >Sugest\u00f5es de temas para miniprojetos<\/a><ul class='ez-toc-list-level-3' ><li class='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-6\/#1_Mapa_de_trilhas_para_caminhadas\" >1. Mapa de trilhas para caminhadas<\/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-6\/#2_Mapa_turistico_de_uma_aldeia\" >2. Mapa tur\u00edstico de uma aldeia<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#3_Mapa_de_localizacao_dos_servicos_publicos\" >3. Mapa de localiza\u00e7\u00e3o dos servi\u00e7os p\u00fablicos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Resultados_esperados\" >Resultados esperados<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Apresentando_o_GitHub_Pages\" >Apresentando o GitHub Pages<\/a><ul class='ez-toc-list-level-2' ><li class='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-6\/#Etapas_para_usar_o_GitHub_Pages\" >Etapas para usar o GitHub Pages :<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#1_Criar_um_repositorio_no_GitHub\" >1. Criar um reposit\u00f3rio no GitHub<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#2_Sube_o_empuja_tu_codigo_al_repositorio\" >2. Sube o empuja tu c\u00f3digo al repositorio<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Metodo_1_Subir_archivos_manualmente\" >M\u00e9todo 1: Subir archivos manualmente<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Metodo_2_Empuja_tu_codigo_desde_Git\" >M\u00e9todo 2: Empuja tu c\u00f3digo desde Git<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#3_Va_para_as_configuracoes_do_repositorio_e_ative_o_GitHub_Pages_na_secao_%E2%80%9CPages%E2%80%9D\" >3. V\u00e1 para as configura\u00e7\u00f5es do reposit\u00f3rio e ative o GitHub Pages na se\u00e7\u00e3o \u201cPages\u201d.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#4_Seu_site_podera_ser_acessado_por_meio_da_URL_gerada\" >4. Seu site poder\u00e1 ser acessado por meio da URL gerada<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Dicas_adicionais\" >Dicas adicionais:<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Apresentando_a_Netlify\" >Apresentando a Netlify<\/a><ul class='ez-toc-list-level-2' ><li class='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-6\/#Etapas_para_usar_o_Netlify\" >Etapas para usar o Netlify :<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Criar_uma_conta_na_Netlify\" >Criar uma conta na Netlify<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#2_Conecte_seu_repositorio_do_GitHub\" >2. Conecte seu reposit\u00f3rio do GitHub<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Selecione_o_projeto_a_ser_implantado\" >Selecione o projeto a ser implantado<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#O_Netlify_implantara_automaticamente_seu_site_e_gerara_um_URL_exclusivo\" >O Netlify implantar\u00e1 automaticamente seu site e gerar\u00e1 um URL exclusivo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Dicas_adicionais-2\" >Dicas adicionais:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/pt\/tutorial-leaflet-sessao-6\/#Vantagens_da_Netlify_para_hospedar_seu_mapa_Leaflet\" >Vantagens da Netlify para hospedar seu mapa Leaflet:<\/a><\/li><\/ul><\/li><\/ul><\/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-6\/#Envie_seu_projeto_de_folheto\" >Envie seu projeto 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-6\/#Como_voce_faz_isso\" >Como voc\u00ea faz isso?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Objetivos_da_sessao_Criacao_de_um_projeto_de_mini-mapeamento\"><\/span>Objetivos da sess\u00e3o: Cria\u00e7\u00e3o de um projeto de mini-mapeamento<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>O objetivo desta sess\u00e3o \u00e9 usar todas as habilidades adquiridas no curso introdut\u00f3rio ao Leaflet para criar um mapa interativo completo.<\/p>\n\n\n\n<p>Os alunos escolhem um tema entre v\u00e1rias propostas de miniprojetos e aplicam os conceitos t\u00e9cnicos e metodol\u00f3gicos abordados nas sess\u00f5es anteriores.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Objetivos_de_aprendizado\"><\/span>Objetivos de aprendizado<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Projetar um mapa interativo coerente na Web<\/li>\n\n\n\n<li>Organizar dados geogr\u00e1ficos (pontos, linhas, pol\u00edgonos)<\/li>\n\n\n\n<li>Lidar com eventos e interatividade (cliques, passar o mouse, filtros etc.)<\/li>\n\n\n\n<li>Integrar uma interface de usu\u00e1rio (menus, filtros, legendas, etc.)<\/li>\n\n\n\n<li>Publicar o mapa em um ambiente local ou on-line<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Sugestoes_de_temas_para_miniprojetos\"><\/span>Sugest\u00f5es de temas para miniprojetos<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Mapa_de_trilhas_para_caminhadas\"><\/span>1. Mapa de trilhas para caminhadas<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Objetivo: criar um mapa mostrando uma ou mais rotas de caminhada.<\/p>\n\n\n\n<p><strong>Conte\u00fado poss\u00edvel:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Contornos de trilha GPX\/GeoJSON<\/li>\n\n\n\n<li>Pontos de interesse: trilhas, mirantes, \u00e1reas de piquenique, etc.<\/li>\n\n\n\n<li>Pop-ups ilustrados (texto + imagens)<\/li>\n\n\n\n<li>Carta do caminhante (pop-up ou link)<\/li>\n\n\n\n<li>Mini-mapa ou escala<\/li>\n\n\n\n<li>Bot\u00e3o de zoom na rota<\/li>\n<\/ul>\n\n\n\n<p><strong>Habilidades necess\u00e1rias :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Exibi\u00e7\u00e3o de linhas e pontos<\/li>\n\n\n\n<li>Uso de estilos personalizados<\/li>\n\n\n\n<li>Adi\u00e7\u00e3o de \u00edcones e imagens<\/li>\n\n\n\n<li>Controles de leaflet (escala, mini-mapa, controle de camadas)<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Mapa_turistico_de_uma_aldeia\"><\/span>2. Mapa tur\u00edstico de uma aldeia<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Objetivo: criar um mapa interativo para os visitantes.<\/strong><\/p>\n\n\n\n<p><strong>Conte\u00fado poss\u00edvel :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Monumentos, museus, alojamento, restaurantes<\/li>\n\n\n\n<li>Filtros por categoria (alojamento \/ cultura \/ natureza, etc.)<\/li>\n\n\n\n<li>Descri\u00e7\u00f5es e hor\u00e1rios de abertura em pop-ups<\/li>\n\n\n\n<li>Adicionar um mapa tem\u00e1tico de fundo (por exemplo, OpenStreetMap Humanitarian, Topo, etc.)<\/li>\n<\/ul>\n\n\n\n<p><strong>Compet\u00eancias utilizadas :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Grupos de camadas e camadas filtr\u00e1veis<\/li>\n\n\n\n<li>Popups din\u00e2micos<\/li>\n\n\n\n<li>Integra\u00e7\u00e3o de \u00edcones personalizados<\/li>\n\n\n\n<li>Controlo de legendas e menus HTML interactivos<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Mapa_de_localizacao_dos_servicos_publicos\"><\/span>3. Mapa de localiza\u00e7\u00e3o dos servi\u00e7os p\u00fablicos<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Objetivo: criar um mapa \u00fatil para os residentes ou visitantes.<\/strong><\/p>\n\n\n\n<p><strong>Conte\u00fado poss\u00edvel:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Localiza\u00e7\u00e3o de escolas, hospitais, c\u00e2maras municipais, correios, esquadras de pol\u00edcia, etc.<\/li>\n\n\n\n<li>Consultas simples: mostrar escolas num raio de X km<\/li>\n\n\n\n<li>Rotas ou liga\u00e7\u00f5es para o Google Maps<\/li>\n\n\n\n<li>Mostrar hor\u00e1rios ou contactos<\/li>\n<\/ul>\n\n\n\n<p><strong>Compet\u00eancias necess\u00e1rias:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gest\u00e3o de dados ad hoc<\/li>\n\n\n\n<li>Reac\u00e7\u00f5es a eventos (clicar numa categoria \u2192 atualiza\u00e7\u00e3o do mapa)<\/li>\n\n\n\n<li>Pop-ups melhorados<\/li>\n\n\n\n<li>Adi\u00e7\u00e3o de menus pendentes<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Resultados_esperados\"><\/span>Resultados esperados<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Um mapa interativo funcional que inclui:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Um mapa de fundo e camadas de dados geogr\u00e1ficos<\/li>\n\n\n\n<li>Uma ou mais formas de intera\u00e7\u00e3o (cliques, menus, filtros, etc.)<\/li>\n\n\n\n<li>Um layout limpo, leg\u00edvel e envolvente<\/li>\n<\/ul>\n\n\n\n<p>Esse mapa pode ser publicado em um reposit\u00f3rio do GitHub ou integrado a um site ou blog pessoal.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Apresentando_o_GitHub_Pages\"><\/span>Apresentando o GitHub Pages<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>O GitHub Pages \u00e9 um servi\u00e7o de hospedagem gratuito que permite que voc\u00ea publique um site est\u00e1tico diretamente de um reposit\u00f3rio do GitHub. Ele \u00e9 particularmente \u00fatil para hospedar projetos pessoais, portf\u00f3lios ou projetos como mapas interativos criados com o Leaflet. Esse servi\u00e7o \u00e9 perfeito para pequenos projetos da Web em que voc\u00ea precisa publicar rapidamente uma vers\u00e3o on-line sem ter que se preocupar com a configura\u00e7\u00e3o de um servidor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Etapas_para_usar_o_GitHub_Pages\"><\/span>Etapas para usar o GitHub Pages :<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Criar_um_repositorio_no_GitHub\"><\/span>1. Criar um reposit\u00f3rio no GitHub<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>O que \u00e9 um reposit\u00f3rio do GitHub?\n<ul class=\"wp-block-list\">\n<li>Um reposit\u00f3rio do GitHub \u00e9 onde voc\u00ea armazena todos os arquivos relacionados ao seu projeto. Isso inclui arquivos HTML, CSS e JavaScript, al\u00e9m de recursos como imagens e arquivos de dados.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Como criar um reposit\u00f3rio ?\n<ul class=\"wp-block-list\">\n<li>Fa\u00e7a login na sua conta do GitHub. Clique no bot\u00e3o \u201cNovo\u201d ou \u201cCriar um novo reposit\u00f3rio\u201d. D\u00ea um nome ao seu reposit\u00f3rio (por exemplo, my-leaflet-map). Se necess\u00e1rio, adicione uma descri\u00e7\u00e3o do seu projeto.<\/li>\n\n\n\n<li>Depois que o reposit\u00f3rio for criado, o GitHub fornecer\u00e1 a voc\u00ea uma URL do reposit\u00f3rio (por exemplo, https:\/\/github.com\/francpoisatilio\/cartes-leaflet).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Sube_o_empuja_tu_codigo_al_repositorio\"><\/span>2. Sube o empuja tu c\u00f3digo al repositorio<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Una vez que tu repositorio ha sido creado, necesitas a\u00f1adir los archivos de tu proyecto a \u00e9l. Hay varios m\u00e9todos para hacerlo, dependiendo de tus preferencias.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Metodo_1_Subir_archivos_manualmente\"><\/span>M\u00e9todo 1: Subir archivos manualmente<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Haz clic en el bot\u00f3n \u00abA\u00f1adir archivo\u00bb en tu repositorio de GitHub, luego selecciona \u00abSubir archivos\u00bb.<\/li>\n\n\n\n<li>Arrastra y suelta tus archivos (HTML, CSS, JavaScript, im\u00e1genes, etc.) en la ventana de subida.<\/li>\n\n\n\n<li>Haz clic en \u00abConfirmar cambios\u00bb para guardar los archivos en tu repositorio.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Metodo_2_Empuja_tu_codigo_desde_Git\"><\/span>M\u00e9todo 2: Empuja tu c\u00f3digo desde Git<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Si trabajas localmente con Git, puedes insertar los archivos directamente en el repositorio con los siguientes comandos :<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>\u00b7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>git init<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>\u00b7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>git add .<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>\u00b7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>git commit -m \"Initial commit\"<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>\u00b7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>git remote add origin https:\/\/github.com\/username\/ma-carte-leaflet.git<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>\u00b7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/code><code>git push -u origin master<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Va_para_as_configuracoes_do_repositorio_e_ative_o_GitHub_Pages_na_secao_%E2%80%9CPages%E2%80%9D\"><\/span>3. V\u00e1 para as configura\u00e7\u00f5es do reposit\u00f3rio e ative o GitHub Pages na se\u00e7\u00e3o \u201cPages\u201d.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Depois que os arquivos do seu projeto forem carregados no reposit\u00f3rio, voc\u00ea precisar\u00e1 ativar o GitHub Pages para publicar o site on-line.<\/li>\n\n\n\n<li>Etapas:\n<ul class=\"wp-block-list\">\n<li>Abra seu reposit\u00f3rio no GitHub. V\u00e1 para a guia \u201cSettings\u201d (Configura\u00e7\u00f5es) do reposit\u00f3rio. No menu lateral, role para baixo at\u00e9 a se\u00e7\u00e3o \u201cGitHub Pages\u201d. Geralmente, voc\u00ea usa o ramo \u201cprincipal\u201d ou \u201cmestre\u201d.<\/li>\n\n\n\n<li>Clique no bot\u00e3o \u201cSave\u201d (Salvar) para ativar o GitHub Pages.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>O GitHub gerar\u00e1 um URL exclusivo para seu site, que ter\u00e1 a seguinte apar\u00eancia<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;username.github.io\/ma-carte-leaflet\/<\/code><\/pre>\n\n\n\n<p>Esse URL ser\u00e1 o endere\u00e7o p\u00fablico no qual o seu mapa do Leaflet poder\u00e1 ser acessado.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Seu_site_podera_ser_acessado_por_meio_da_URL_gerada\"><\/span>4. Seu site poder\u00e1 ser acessado por meio da URL gerada<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>URL p\u00fablica: depois que voc\u00ea ativar o GitHub Pages, a URL gerada ser\u00e1 a seguinte:\n<ul class=\"wp-block-list\">\n<li>https:\/\/username.github.io\/my-card-leaflet\/<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u00c9 importante observar que pode levar alguns minutos para gerar o site. Em seguida, voc\u00ea poder\u00e1 acessar seu cart\u00e3o Leaflet abrindo essa URL em um navegador.<\/li>\n\n\n\n<li>Se quiser personalizar o nome de dom\u00ednio do seu site, o GitHub permite que voc\u00ea use um nome de dom\u00ednio personalizado (por exemplo, www.macarteleaflet.com) adicionando um arquivo CNAME ao seu reposit\u00f3rio.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dicas_adicionais\"><\/span>Dicas adicionais:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Verifica\u00e7\u00e3o<\/strong>: antes de tornar seu site p\u00fablico, certifique-se de que todos os arquivos necess\u00e1rios estejam inclu\u00eddos corretamente em seu reposit\u00f3rio, incluindo arquivos de mapa, recursos JavaScript (Leaflet, etc.) e arquivos CSS.<\/li>\n\n\n\n<li><strong>Reposit\u00f3rio privado<\/strong>: se voc\u00ea tiver um reposit\u00f3rio privado e quiser usar o GitHub Pages, observe que essa op\u00e7\u00e3o s\u00f3 est\u00e1 dispon\u00edvel para usu\u00e1rios pagantes. No entanto, para projetos simples e p\u00fablicos, a vers\u00e3o gratuita do GitHub Pages funciona perfeitamente.<\/li>\n\n\n\n<li><strong>Solu\u00e7\u00e3o de problemas<\/strong>: se o seu mapa n\u00e3o estiver sendo exibido corretamente, verifique se todos os arquivos est\u00e3o vinculados corretamente e se os links para recursos externos (por exemplo, Leaflet CDN) s\u00e3o v\u00e1lidos.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Com essas etapas, voc\u00ea pode colocar facilmente seus mapas interativos criados com o Leaflet on-line. Isso proporciona uma maneira r\u00e1pida e simples de compartilhar seus projetos com outros usu\u00e1rios ou at\u00e9 mesmo implant\u00e1-los em um servidor pessoal.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Apresentando_a_Netlify\"><\/span>Apresentando a Netlify<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>A Netlify \u00e9 uma plataforma de hospedagem r\u00e1pida e moderna para sites est\u00e1ticos. Ela facilita a implanta\u00e7\u00e3o, o gerenciamento e a hospedagem de sites, com implanta\u00e7\u00e3o automatizada a partir de um reposit\u00f3rio Git (GitHub, GitLab, Bitbucket). A Netlify se destaca por sua facilidade de uso, sua integra\u00e7\u00e3o cont\u00ednua e seus muitos recursos, como gerenciamento de redirecionamento, formul\u00e1rios e nomes de dom\u00ednio personalizados.<\/p>\n\n\n\n<p>Com o Netlify, voc\u00ea pode implantar sites est\u00e1ticos (como mapas do Leaflet), aplicativos modernos e outros projetos com apenas alguns cliques. Ele tamb\u00e9m oferece servi\u00e7os gratuitos de CDN (Content Delivery Network), SSL e otimiza\u00e7\u00e3o de desempenho.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Etapas_para_usar_o_Netlify\"><\/span>Etapas para usar o Netlify :<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Criar_uma_conta_na_Netlify\"><\/span>Criar uma conta na Netlify<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>O que \u00e9 uma conta Netlify?<\/strong><br>Uma conta Netlify permitir\u00e1 que voc\u00ea gerencie as implanta\u00e7\u00f5es de seu site est\u00e1tico. Voc\u00ea pode se inscrever com seu endere\u00e7o de e-mail ou, mais facilmente, usando sua conta do GitHub, GitLab ou Bitbucket.<\/li>\n\n\n\n<li><strong>Etapas para criar uma conta:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Acesse Netlify.<\/li>\n\n\n\n<li>Clique em \u00ab\u00a0Sign Up\u00a0\u00bb.Escolha um m\u00e9todo de registro (e-mail ou via GitHub).<\/li>\n\n\n\n<li>Siga as instru\u00e7\u00f5es para configurar sua conta.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>1. Criar uma conta na Netlify<\/p>\n\n\n\n<p>O que \u00e9 uma conta Netlify?<\/p>\n\n\n\n<p>Uma conta Netlify permitir\u00e1 que voc\u00ea gerencie as implanta\u00e7\u00f5es de seu site est\u00e1tico. Voc\u00ea pode se inscrever com seu endere\u00e7o de e-mail ou, mais facilmente, usando sua conta do GitHub, GitLab ou Bitbucket.<\/p>\n\n\n\n<p>Etapas para criar uma conta:Acesse Netlify.Clique em \u00ab\u00a0Sign Up\u00a0\u00bb.Escolha um m\u00e9todo de registro (e-mail ou via GitHub).<\/p>\n\n\n\n<p>Siga as instru\u00e7\u00f5es para configurar sua conta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Conecte_seu_repositorio_do_GitHub\"><\/span>2. Conecte seu reposit\u00f3rio do GitHub<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Conectando-se ao GitHub:\n<ul class=\"wp-block-list\">\n<li>Depois de criar sua conta do Netlify, voc\u00ea precisa conectar o Netlify ao seu reposit\u00f3rio do GitHub, onde o c\u00f3digo do seu projeto (o mapa do Leaflet) est\u00e1 localizado.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Etapas para conectar o GitHub ao Netlify:\n<ul class=\"wp-block-list\">\n<li>V\u00e1 para o painel do Netlify, <\/li>\n\n\n\n<li>clique em \u00ab\u00a0New Site from Git\u00a0\u00bb e escolha o GitHub como sua fonte. <\/li>\n\n\n\n<li>O Netlify solicitar\u00e1 que voc\u00ea permita o acesso \u00e0 sua conta do GitHub, o que permitir\u00e1 que ele recupere seus reposit\u00f3rios.<\/li>\n\n\n\n<li>Selecione o reposit\u00f3rio do GitHub que cont\u00e9m seu projeto Leaflet (por exemplo, my-leaflet-map).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Selecione_o_projeto_a_ser_implantado\"><\/span>Selecione o projeto a ser implantado<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sele\u00e7\u00e3o de projeto:<br>Depois de conectar sua conta do GitHub ao Netlify, o Netlify exibir\u00e1 todos os seus reposit\u00f3rios do GitHub. Selecione o reposit\u00f3rio que cont\u00e9m o c\u00f3digo do seu projeto de mapa.<\/li>\n\n\n\n<li>Definir as configura\u00e7\u00f5es do projeto: \n<ul class=\"wp-block-list\">\n<li>o Netlify solicitar\u00e1 que voc\u00ea defina as configura\u00e7\u00f5es de implanta\u00e7\u00e3o (por exemplo, qual branch implantar, geralmente principal ou master). <\/li>\n\n\n\n<li>Se voc\u00ea tiver arquivos espec\u00edficos para gerar ou compilar antes da implanta\u00e7\u00e3o (por exemplo, se estiver usando um gerador de site est\u00e1tico, como o Jekyll ou o Hugo), poder\u00e1 especificar comandos de compila\u00e7\u00e3o. <\/li>\n\n\n\n<li>Para um projeto simples do Leaflet, voc\u00ea n\u00e3o precisa de nenhuma configura\u00e7\u00e3o adicional.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Clique em \u00ab\u00a0Deploy Site\u00a0\u00bb (Implantar site) para iniciar a implanta\u00e7\u00e3o.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_Netlify_implantara_automaticamente_seu_site_e_gerara_um_URL_exclusivo\"><\/span>O Netlify implantar\u00e1 automaticamente seu site e gerar\u00e1 um URL exclusivo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Implanta\u00e7\u00e3o autom\u00e1tica:<br>Depois de selecionar o reposit\u00f3rio e definir as configura\u00e7\u00f5es, o Netlify inicia o processo de implanta\u00e7\u00e3o. O site \u00e9 ent\u00e3o criado e publicado automaticamente.<\/li>\n\n\n\n<li>URL gerado:<br>Ap\u00f3s a conclus\u00e3o da implanta\u00e7\u00e3o, o Netlify gerar\u00e1 um URL exclusivo para acessar seu mapa on-line. Normalmente, o URL ter\u00e1 o seguinte formato<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;project-name.netlify.app\/<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>Exemplo: se o seu projeto se chamar my-map-leaflet, o URL poderia ser:\nhttps:&#47;&#47;my-map-leaflet.netlify.app\/<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dicas_adicionais-2\"><\/span>Dicas adicionais:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Alterar o URL do site<\/strong>: se voc\u00ea quiser usar um nome de dom\u00ednio personalizado (por exemplo, www.macarteleaflet.com), poder\u00e1 configur\u00e1-lo facilmente no painel da Netlify adicionando um dom\u00ednio personalizado e configurando o DNS.<\/p>\n\n\n\n<p><strong>Controle as atualiza\u00e7\u00f5es:<\/strong> A Netlify oferece um sistema de implanta\u00e7\u00e3o cont\u00ednua, o que significa que, assim que voc\u00ea enviar as altera\u00e7\u00f5es para o seu reposit\u00f3rio do GitHub, o site ser\u00e1 atualizado automaticamente.<\/p>\n\n\n\n<p><strong>Monitoramento de desempenh<\/strong>o: a Netlify tamb\u00e9m oferece ferramentas para monitorar o desempenho do seu site (tempo de carregamento, disponibilidade, etc.).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Vantagens_da_Netlify_para_hospedar_seu_mapa_Leaflet\"><\/span>Vantagens da Netlify para hospedar seu mapa Leaflet:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Implementa\u00e7\u00e3o r\u00e1pida e f\u00e1cil: publique seu mapa com apenas alguns cliques.<\/li>\n\n\n\n<li>Hospedagem CDN: a Netlify fornece uma infraestrutura CDN que otimiza a velocidade de carregamento de suas p\u00e1ginas.<\/li>\n\n\n\n<li>SSL gratuito: Todo site implantado na Netlify se beneficia automaticamente de um certificado SSL (HTTPS).<\/li>\n\n\n\n<li>Suporte a sites est\u00e1ticos: perfeito para hospedar mapas Leaflet e outros projetos est\u00e1ticos da Web.<\/li>\n\n\n\n<li>Implementa\u00e7\u00e3o cont\u00ednua: automatize o processo de atualiza\u00e7\u00e3o do seu site assim que voc\u00ea fizer o upload de novas altera\u00e7\u00f5es no GitHub.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Com essas etapas, voc\u00ea pode carregar rapidamente seu mapa do Leaflet no Netlify e compartilh\u00e1-lo facilmente com outras pessoas. \u00c9 uma \u00f3tima maneira de hospedar projetos de mapeamento interativo, sem precisar gerenciar servidores complexos..<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Envie_seu_projeto_de_folheto\"><\/span>Envie seu projeto de folheto<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>Nesta sess\u00e3o final, voc\u00ea ter\u00e1 conclu\u00eddo um projeto individual que incorpora os principais elementos estudados (camadas, estilos, intera\u00e7\u00f5es, controles, etc.).<\/p>\n\n\n\n<p>Convidamos voc\u00ea a compartilhar seu projeto conosco, para que possamos dar um feedback personalizado e, se desejar, inclu\u00ed-lo entre os exemplos apresentados em nossas futuras publica\u00e7\u00f5es.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Como_voce_faz_isso\"><\/span>Como voc\u00ea faz isso?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Publique seu projeto (c\u00f3digo e mapa) no GitHub ou em um servi\u00e7o equivalente e, em seguida, envie-nos o link para seu reposit\u00f3rio usando o formul\u00e1rio fornecido abaixo.<\/p>\n\n\n\n<p>Os projetos ser\u00e3o examinados de acordo com os seguintes crit\u00e9rios:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bom uso da API do Leaflet<\/li>\n\n\n\n<li>Legibilidade e organiza\u00e7\u00e3o do c\u00f3digo<\/li>\n\n\n\n<li>Qualidade visual e funcional do mapa<\/li>\n\n\n\n<li>Relev\u00e2ncia do assunto e dos dados escolhidos<\/li>\n<\/ul>\n\n\n\n<p>Preencha o formul\u00e1rio abaixo. Voc\u00ea receber\u00e1 uma resposta personalizada em alguns dias.<\/p>\n\n\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f13336-o2\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"13336\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/posts\/13795#wpcf7-f13336-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"13336\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f13336-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<p><label>Seu nome<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label>Seu e-mail<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label>Link para o reposit\u00f3rio do GitHub<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-github-url\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-url wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-url\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"https:\/\/github.com\/votre-nom\/projet-leaflet\" value=\"\" type=\"url\" name=\"your-github-url\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label>Sua mensagem (opcional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_2\" name=\"_wpcf7_ak_js\" value=\"148\"\/><script data-jetpack-boost=\"ignore\">document.getElementById( \"ak_js_2\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Objetivos da sess\u00e3o: Cria\u00e7\u00e3o de um projeto de mini-mapeamento O objetivo desta sess\u00e3o \u00e9 usar todas as habilidades adquiridas no curso introdut\u00f3rio ao Leaflet para criar um mapa interativo completo. Os alunos escolhem um tema entre&hellip;<\/p>\n","protected":false},"author":1,"featured_media":13809,"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":[3170,2937,3172,3174,2809],"class_list":["post-13795","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webmapping-pt","tag-github-pt","tag-leaflet-pt","tag-mini-project-pt","tag-netlify-pt","tag-tutorial-pt"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.sigterritoires.fr\/wp-content\/uploads\/2025\/05\/seance-6pt.jpg?fit=1280%2C720&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p6XU0A-3Av","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/13795","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=13795"}],"version-history":[{"count":0,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/13795\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media\/13809"}],"wp:attachment":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media?parent=13795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/categories?post=13795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/tags?post=13795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}