{"id":13288,"date":"2025-05-15T10:58:00","date_gmt":"2025-05-15T08:58:00","guid":{"rendered":"https:\/\/www.sigterritoires.fr\/?p=13288"},"modified":"2025-05-16T10:55:01","modified_gmt":"2025-05-16T08:55:01","slug":"tutoriel-leaflet-session-6","status":"publish","type":"post","link":"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet-session-6\/","title":{"rendered":"Tutoriel Leaflet : session 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%2F04%2FInitiation-a-leaflet-seance-6.pptx&amp;embedded=true&amp;hl=en\" title=\"Document embarqu\u00e9\" class=\"ead-iframe\" style=\"width: 100%;height: 100%;border: none;position: absolute;left: 0;top: 0;visibility: hidden;\"><\/iframe><\/div>\t\t\t<div class=\"ead-document-loading\" style=\"width:100%;height:100%;position:absolute;left:0;top:0;z-index:10\">\n\t\t\t\t<div class=\"ead-loading-wrap\">\n\t\t\t\t\t<div class=\"ead-loading-main\">\n\t\t\t\t\t\t<div class=\"ead-loading\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sigterritoires.fr\/wp-content\/plugins\/embed-any-document\/images\/loading.svg\" width=\"55\" height=\"55\" alt=\"Chargeur\">\n\t\t\t\t\t\t\t<span>En cours de chargement&hellip;<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"ead-loading-foot\">\n\t\t\t\t\t\t<div class=\"ead-loading-foot-title\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sigterritoires.fr\/wp-content\/plugins\/embed-any-document\/images\/EAD-logo.svg\" alt=\"Logo EAD\" width=\"36\" height=\"23\"\/>\n\t\t\t\t\t\t\t<span>Cela prend trop de temps\u00a0?<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t<div class=\"ead-document-btn ead-reload-btn\" role=\"button\">\n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.sigterritoires.fr\/wp-content\/plugins\/embed-any-document\/images\/reload.svg\" alt=\"Recharger\" width=\"12\" height=\"12\"\/> Recharger le document\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<span>|<\/span>\n\t\t\t\t\t\t\t<a href=\"https:\/\/docs.google.com\/viewer?url=https%3A%2F%2Fwww.sigterritoires.fr%2Fwp-content%2Fuploads%2F2025%2F04%2FInitiation-a-leaflet-seance-6.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\/tutoriel-leaflet-session-6\/#Objectifs_de_la_seance_Realisation_dun_mini-projet_cartographique\" >Objectifs de la s\u00e9ance : R\u00e9alisation d\u2019un mini-projet cartographique<\/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-2\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet-session-6\/#Objectifs_pedagogiques\" >Objectifs p\u00e9dagogiques<\/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-3\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet-session-6\/#Themes_de_mini-projets_proposes\" >Th\u00e8mes de mini-projets propos\u00e9s<\/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\/tutoriel-leaflet-session-6\/#1_Carte_des_sentiers_de_randonnee\" >1. Carte des sentiers de randonn\u00e9e<\/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\/tutoriel-leaflet-session-6\/#2_Carte_touristique_dun_village\" >2. Carte touristique d\u2019un village<\/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\/tutoriel-leaflet-session-6\/#3_Carte_de_localisation_de_services_publics\" >3. Carte de localisation de services publics<\/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\/tutoriel-leaflet-session-6\/#Resultat_attendu\" >R\u00e9sultat attendu<\/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\/tutoriel-leaflet-session-6\/#Presentation_de_GitHub_Pages\" >Pr\u00e9sentation de 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\/tutoriel-leaflet-session-6\/#Etapes_pour_utiliser_GitHub_Pages\" >\u00c9tapes pour utiliser 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\/tutoriel-leaflet-session-6\/#1_Creez_un_depot_sur_GitHub\" >1. Cr\u00e9ez un d\u00e9p\u00f4t sur 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\/tutoriel-leaflet-session-6\/#2_Telechargez_ou_poussez_votre_code_dans_le_depot\" >2. T\u00e9l\u00e9chargez ou poussez votre code dans le d\u00e9p\u00f4t<\/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\/tutoriel-leaflet-session-6\/#3_Allez_dans_les_parametres_du_depot_et_activez_GitHub_Pages_sous_la_section_%C2%AB_Pages_%C2%BB\" >3. Allez dans les param\u00e8tres du d\u00e9p\u00f4t et activez GitHub Pages sous la section \u00ab\u00a0Pages\u00a0\u00bb<\/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\/tutoriel-leaflet-session-6\/#4_Votre_site_sera_accessible_via_lURL_generee\" >4. Votre site sera accessible via l&rsquo;URL g\u00e9n\u00e9r\u00e9e<\/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\/tutoriel-leaflet-session-6\/#Conseils_supplementaires\" >Conseils suppl\u00e9mentaires :<\/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-15\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet-session-6\/#Presentation_de_Netlify\" >Pr\u00e9sentation de Netlify<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet-session-6\/#Etapes_pour_utiliser_Netlify\" >\u00c9tapes pour utiliser Netlify :<\/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-17\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet-session-6\/#1_Creez_un_compte_Netlify\" >1. Cr\u00e9ez un compte Netlify<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet-session-6\/#2_Connectez_votre_depot_GitHub\" >2. Connectez votre d\u00e9p\u00f4t GitHub<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet-session-6\/#3_Selectionnez_le_projet_a_deployer\" >3. S\u00e9lectionnez le projet \u00e0 d\u00e9ployer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet-session-6\/#4_Netlify_deploiera_automatiquement_votre_site_et_generera_une_URL_unique\" >4. Netlify d\u00e9ploiera automatiquement votre site et g\u00e9n\u00e9rera une URL unique<\/a><\/li><\/ul><\/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\/tutoriel-leaflet-session-6\/#Conseils_supplementaires-2\" >Conseils suppl\u00e9mentaires :<\/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\/tutoriel-leaflet-session-6\/#Avantages_de_Netlify_pour_lhebergement_de_votre_carte_Leaflet\" >Avantages de Netlify pour l\u2019h\u00e9bergement de votre carte 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-23\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet-session-6\/#Soumettez_votre_projet_Leaflet\" >Soumettez votre projet Leaflet<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet-session-6\/#Comment_faire\" >Comment faire ?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Objectifs_de_la_seance_Realisation_dun_mini-projet_cartographique\"><\/span>Objectifs de la s\u00e9ance : R\u00e9alisation d\u2019un mini-projet cartographique<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Cette s\u00e9ance vise \u00e0 mobiliser toutes les comp\u00e9tences acquises au fil du cours d\u2019introduction \u00e0 <a href=\"https:\/\/www.sigterritoires.fr\/index.php\/tutoriel-leaflet\/\">Leaflet<\/a> pour cr\u00e9er une carte interactive compl\u00e8te.<br>Les apprenants choisissent un th\u00e8me parmi plusieurs propositions de mini-projets et mettent en \u0153uvre les notions techniques et m\u00e9thodologiques vues lors des s\u00e9ances pr\u00e9c\u00e9dentes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Objectifs_pedagogiques\"><\/span>Objectifs p\u00e9dagogiques<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Concevoir une carte web interactive et coh\u00e9rente<\/li>\n\n\n\n<li>Organiser les donn\u00e9es g\u00e9ographiques (points, lignes, polygones)<\/li>\n\n\n\n<li>Manipuler les \u00e9v\u00e9nements et l\u2019interactivit\u00e9 (clics, survols, filtres\u2026)<\/li>\n\n\n\n<li>Int\u00e9grer une interface utilisateur (menus, filtres, l\u00e9gendes\u2026)<\/li>\n\n\n\n<li>Publier la carte dans un environnement local ou en ligne<\/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=\"Themes_de_mini-projets_proposes\"><\/span>Th\u00e8mes de mini-projets propos\u00e9s<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Carte_des_sentiers_de_randonnee\"><\/span>1. <strong>Carte des sentiers de randonn\u00e9e<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>But : cr\u00e9er une carte qui pr\u00e9sente un ou plusieurs itin\u00e9raires de randonn\u00e9e.<\/p>\n\n\n\n<p>Contenu possible :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Trac\u00e9s GPX\/GeoJSON des sentiers<\/li>\n\n\n\n<li>Points d\u2019int\u00e9r\u00eat : d\u00e9parts, belv\u00e9d\u00e8res, aires de pique-nique<\/li>\n\n\n\n<li>Popups illustr\u00e9s (textes + images)<\/li>\n\n\n\n<li>Charte du randonneur (en popup ou lien)<\/li>\n\n\n\n<li>Mini-carte ou \u00e9chelle<\/li>\n\n\n\n<li>Bouton de zoom sur le parcours<\/li>\n<\/ul>\n\n\n\n<p>Comp\u00e9tences mobilis\u00e9es :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Affichage de lignes et de points<\/li>\n\n\n\n<li>Utilisation de styles personnalis\u00e9s<\/li>\n\n\n\n<li>Ajout d\u2019ic\u00f4nes et d\u2019images<\/li>\n\n\n\n<li>Contr\u00f4les Leaflet (scale, mini-map, layer control)<\/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_Carte_touristique_dun_village\"><\/span>2. <strong>Carte touristique d\u2019un village<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>But : proposer une carte interactive destin\u00e9e \u00e0 des visiteurs.<\/p>\n\n\n\n<p>Contenu possible :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Monuments, mus\u00e9es, h\u00e9bergements, restaurants<\/li>\n\n\n\n<li>Filtres par cat\u00e9gories (h\u00e9bergement \/ culture \/ nature\u2026)<\/li>\n\n\n\n<li>Descriptions et horaires dans les popups<\/li>\n\n\n\n<li>Ajout d\u2019un fond de carte th\u00e9matique (ex. OpenStreetMap Humanitarian, Topo\u2026)<\/li>\n<\/ul>\n\n\n\n<p>Comp\u00e9tences mobilis\u00e9es :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Groupes de calques et couches filtrables<\/li>\n\n\n\n<li>Popups dynamiques<\/li>\n\n\n\n<li>Int\u00e9gration d\u2019ic\u00f4nes personnalis\u00e9es<\/li>\n\n\n\n<li>Contr\u00f4le de l\u00e9gende et menus HTML interactifs<\/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_Carte_de_localisation_de_services_publics\"><\/span>3. <strong>Carte de localisation de services publics<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>But : cr\u00e9er une carte \u00e0 vocation utilitaire pour les habitants ou visiteurs.<\/p>\n\n\n\n<p>Contenu possible :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Emplacements d\u2019\u00e9coles, h\u00f4pitaux, mairies, postes, commissariats<\/li>\n\n\n\n<li>Requ\u00eates simples : afficher les \u00e9coles dans un rayon de X km<\/li>\n\n\n\n<li>Itin\u00e9raires ou liens vers Google Maps<\/li>\n\n\n\n<li>Affichage des horaires ou des contacts<\/li>\n<\/ul>\n\n\n\n<p>Comp\u00e9tences mobilis\u00e9es :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gestion de donn\u00e9es ponctuelles<\/li>\n\n\n\n<li>R\u00e9actions aux \u00e9v\u00e9nements (clic sur une cat\u00e9gorie \u2192 mise \u00e0 jour de la carte)<\/li>\n\n\n\n<li>Popups enrichis<\/li>\n\n\n\n<li>Ajout de menus d\u00e9roulants<\/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=\"Resultat_attendu\"><\/span>R\u00e9sultat attendu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Une <strong>carte interactive fonctionnelle<\/strong> comportant :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Un fond de carte et des couches de donn\u00e9es g\u00e9ographiques<\/li>\n\n\n\n<li>Une ou plusieurs formes d\u2019interaction (clics, menus, filtres\u2026)<\/li>\n\n\n\n<li>Une mise en page propre, lisible et engageante<\/li>\n<\/ul>\n\n\n\n<p>Cette carte pourra \u00eatre publi\u00e9e sur un d\u00e9p\u00f4t GitHub ou int\u00e9gr\u00e9e dans un site personnel ou un blog.<\/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=\"Presentation_de_GitHub_Pages\"><\/span><strong>Pr\u00e9sentation de GitHub Pages<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p><strong>GitHub Pages<\/strong> est un service d\u2019h\u00e9bergement gratuit qui permet de publier un site web statique directement \u00e0 partir d\u2019un d\u00e9p\u00f4t GitHub. Il est particuli\u00e8rement utile pour h\u00e9berger des projets personnels, des portfolios, ou des projets comme des cartes interactives cr\u00e9\u00e9es avec <strong>Leaflet<\/strong>. Ce service est parfait pour les petits projets web o\u00f9 vous avez besoin de publier rapidement une version en ligne sans avoir \u00e0 vous soucier de la configuration d\u2019un serveur.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Etapes_pour_utiliser_GitHub_Pages\"><\/span><strong>\u00c9tapes pour utiliser GitHub Pages :<\/strong><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_Creez_un_depot_sur_GitHub\"><\/span><strong>1. Cr\u00e9ez un d\u00e9p\u00f4t sur GitHub<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Qu&rsquo;est-ce qu&rsquo;un d\u00e9p\u00f4t GitHub ?<\/strong><br>Un d\u00e9p\u00f4t GitHub (ou \u00ab\u00a0repository\u00a0\u00bb) est l\u2019endroit o\u00f9 vous stockez tous les fichiers relatifs \u00e0 votre projet. Cela inclut les fichiers HTML, CSS, JavaScript, ainsi que les ressources comme les images et les fichiers de donn\u00e9es.<\/li>\n\n\n\n<li><strong>Comment cr\u00e9er un d\u00e9p\u00f4t ?<\/strong><ul><li>Connectez-vous \u00e0 votre compte GitHub.<\/li><\/ul><ul><li>Cliquez sur le bouton <strong>\u00ab\u00a0New\u00a0\u00bb<\/strong> ou <strong>\u00ab\u00a0Cr\u00e9er un nouveau d\u00e9p\u00f4t\u00a0\u00bb<\/strong>.<\/li><\/ul><ul><li>Nommez votre d\u00e9p\u00f4t (par exemple, <code>ma-carte-leaflet<\/code>).<\/li><\/ul><ul><li>Si n\u00e9cessaire, ajoutez une description de votre projet.<\/li><\/ul><ul><li>Assurez-vous que le d\u00e9p\u00f4t est public pour pouvoir le rendre accessible en ligne.<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>Une fois le d\u00e9p\u00f4t cr\u00e9\u00e9, GitHub vous fournira un <strong>URL<\/strong> de d\u00e9p\u00f4t (par exemple, <code>https:\/\/github.com\/nom_utilisateur\/cartes-leaflet<\/code>).<\/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_Telechargez_ou_poussez_votre_code_dans_le_depot\"><\/span><strong>2. T\u00e9l\u00e9chargez ou poussez votre code dans le d\u00e9p\u00f4t<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Une fois que votre d\u00e9p\u00f4t est cr\u00e9\u00e9, vous devez ajouter les fichiers de votre projet dedans. Il existe plusieurs m\u00e9thodes pour cela, selon vos pr\u00e9f\u00e9rences.<\/p>\n\n\n\n<p><strong>M\u00e9thode 1 : T\u00e9l\u00e9chargement manuel des fichiers<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cliquez sur le bouton <strong>\u00ab\u00a0Add file\u00a0\u00bb<\/strong> dans votre d\u00e9p\u00f4t GitHub, puis s\u00e9lectionnez <strong>\u00ab\u00a0Upload files\u00a0\u00bb<\/strong>.<\/li>\n\n\n\n<li>Glissez-d\u00e9posez vos fichiers (HTML, CSS, JavaScript, images, etc.) dans la fen\u00eatre d&rsquo;upload.<\/li>\n\n\n\n<li>Cliquez sur <strong>\u00ab\u00a0Commit changes\u00a0\u00bb<\/strong> pour enregistrer les fichiers dans votre d\u00e9p\u00f4t.<\/li>\n<\/ul>\n\n\n\n<p><strong>M\u00e9thode 2 : Pousser votre code depuis Git<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Si vous travaillez en local avec <strong>Git<\/strong>, vous pouvez pousser les fichiers directement dans le d\u00e9p\u00f4t avec les commandes suivantes :<\/li>\n<\/ul>\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<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Allez_dans_les_parametres_du_depot_et_activez_GitHub_Pages_sous_la_section_%C2%AB_Pages_%C2%BB\"><\/span><strong>3. Allez dans les param\u00e8tres du d\u00e9p\u00f4t et activez GitHub Pages sous la section \u00ab\u00a0Pages\u00a0\u00bb<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Une fois les fichiers de votre projet t\u00e9l\u00e9charg\u00e9s dans le d\u00e9p\u00f4t, vous devez activer <strong>GitHub Pages<\/strong> pour publier le site en ligne.<\/li>\n\n\n\n<li><strong>\u00c9tapes<\/strong> :<ul><li>Ouvrez votre d\u00e9p\u00f4t sur GitHub.<\/li><\/ul><ul><li>Allez dans l&rsquo;onglet <strong>\u00ab\u00a0Settings\u00a0\u00bb<\/strong> du d\u00e9p\u00f4t.<\/li><\/ul><ul><li>Dans le menu lat\u00e9ral, descendez jusqu\u2019\u00e0 la section <strong>\u00ab\u00a0GitHub Pages\u00a0\u00bb<\/strong>.<\/li><\/ul><ul><li>Sous la rubrique <strong>\u00ab\u00a0Source\u00a0\u00bb<\/strong>, choisissez la branche \u00e0 partir de laquelle vous voulez h\u00e9berger le site. G\u00e9n\u00e9ralement, vous utilisez la branche <strong>\u00ab\u00a0main\u00a0\u00bb<\/strong> ou <strong>\u00ab\u00a0master\u00a0\u00bb<\/strong>.<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>Cliquez sur le bouton <strong>\u00ab\u00a0Save\u00a0\u00bb<\/strong> pour activer GitHub Pages.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>GitHub va alors g\u00e9n\u00e9rer une URL unique pour votre site web, qui ressemble \u00e0 ceci :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>https:\/\/username.github.io\/ma-carte-leaflet\/<\/code><\/li>\n\n\n\n<li>Cette URL sera l\u2019adresse publique \u00e0 laquelle votre carte Leaflet sera accessible.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Votre_site_sera_accessible_via_lURL_generee\"><\/span><strong>4. Votre site sera accessible via l&rsquo;URL g\u00e9n\u00e9r\u00e9e<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>URL publique<\/strong> : Apr\u00e8s avoir activ\u00e9 GitHub Pages, l\u2019URL g\u00e9n\u00e9r\u00e9e sera la suivante :\n<ul class=\"wp-block-list\">\n<li><code>https:\/\/username.github.io\/ma-carte-leaflet\/<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Il est important de noter que la g\u00e9n\u00e9ration du site peut prendre quelques minutes. Vous pouvez ensuite acc\u00e9der \u00e0 votre carte Leaflet en ouvrant cette URL dans un navigateur.<\/li>\n\n\n\n<li>Si vous souhaitez personnaliser le nom de domaine de votre site, GitHub permet d&rsquo;utiliser un nom de domaine personnalis\u00e9 (par exemple, <code>www.macarteleaflet.com<\/code>) en ajoutant un fichier <strong>CNAME<\/strong> dans votre d\u00e9p\u00f4t.<\/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=\"Conseils_supplementaires\"><\/span><strong>Conseils suppl\u00e9mentaires :<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>V\u00e9rification<\/strong> : Avant de rendre votre site public, assurez-vous que tous les fichiers n\u00e9cessaires sont correctement inclus dans votre d\u00e9p\u00f4t, y compris les fichiers de carte, les ressources JavaScript (Leaflet, etc.) et les fichiers CSS.<\/li>\n\n\n\n<li><strong>D\u00e9p\u00f4t priv\u00e9<\/strong> : Si vous avez un d\u00e9p\u00f4t priv\u00e9 et souhaitez utiliser GitHub Pages, sachez que cette option n&rsquo;est disponible que pour les utilisateurs payants. Cependant, pour des projets simples et publics, la version gratuite de GitHub Pages fonctionne parfaitement.<\/li>\n\n\n\n<li><strong>D\u00e9pannage<\/strong> : Si votre carte ne s\u2019affiche pas correctement, v\u00e9rifiez que tous les fichiers sont bien reli\u00e9s et que les liens vers les ressources externes (par exemple, Leaflet CDN) sont valides.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Avec ces \u00e9tapes, vous pouvez facilement mettre en ligne vos cartes interactives cr\u00e9\u00e9es avec Leaflet. Cela offre un moyen rapide et simple de partager vos projets avec d\u2019autres utilisateurs, ou m\u00eame de les d\u00e9ployer sur un serveur personnel.<\/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=\"Presentation_de_Netlify\"><\/span><strong>Pr\u00e9sentation de Netlify<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p><strong>Netlify<\/strong> est une plateforme d\u2019h\u00e9bergement rapide et moderne d\u00e9di\u00e9e aux sites web statiques. Elle permet de d\u00e9ployer, g\u00e9rer et h\u00e9berger des sites web de mani\u00e8re simple, avec une automatisation du d\u00e9ploiement depuis un d\u00e9p\u00f4t Git (GitHub, GitLab, Bitbucket). Netlify se distingue par sa facilit\u00e9 d\u2019utilisation, son int\u00e9gration continue, et ses nombreuses fonctionnalit\u00e9s comme la gestion des redirections, des formulaires, et des noms de domaine personnalis\u00e9s.<\/p>\n\n\n\n<p>Avec <strong>Netlify<\/strong>, vous pouvez d\u00e9ployer des sites web statiques (comme des cartes Leaflet), des applications modernes, et d&rsquo;autres projets en quelques clics seulement. Il offre \u00e9galement des services gratuits de CDN (Content Delivery Network), de SSL, et d\u2019optimisation des performances.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Etapes_pour_utiliser_Netlify\"><\/span><strong>\u00c9tapes pour utiliser Netlify :<\/strong><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<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Creez_un_compte_Netlify\"><\/span><strong>1. Cr\u00e9ez un compte Netlify<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Qu&rsquo;est-ce qu&rsquo;un compte Netlify ?<\/strong><br>Un compte Netlify vous permettra de g\u00e9rer vos d\u00e9ploiements de sites web statiques. Vous pouvez vous inscrire avec votre adresse e-mail, ou plus facilement en utilisant votre compte GitHub, GitLab ou Bitbucket.<\/li>\n\n\n\n<li><strong>\u00c9tapes pour cr\u00e9er un compte :<\/strong><ul><li>Rendez-vous sur <a href=\"https:\/\/www.netlify.com\/\">Netlify<\/a>.<\/li><\/ul><ul><li>Cliquez sur <strong>\u00ab\u00a0Sign Up\u00a0\u00bb<\/strong> (S&rsquo;inscrire).<\/li><\/ul><ul><li>Choisissez une m\u00e9thode d&rsquo;inscription (e-mail ou via GitHub).<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>Suivez les instructions pour configurer votre compte.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Connectez_votre_depot_GitHub\"><\/span><strong>2. Connectez votre d\u00e9p\u00f4t GitHub<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Connexion \u00e0 GitHub<\/strong> :<br>Une fois votre compte Netlify cr\u00e9\u00e9, vous devez connecter Netlify \u00e0 votre d\u00e9p\u00f4t GitHub o\u00f9 se trouve le code de votre projet (la carte Leaflet).<\/li>\n\n\n\n<li><strong>\u00c9tapes pour connecter GitHub \u00e0 Netlify<\/strong> :<ul><li>Allez dans votre tableau de bord Netlify.<\/li><\/ul><ul><li>Cliquez sur <strong>\u00ab\u00a0New Site from Git\u00a0\u00bb<\/strong>.<\/li><\/ul><ul><li>Choisissez <strong>GitHub<\/strong> comme source.<\/li><\/ul><ul><li>Netlify vous demandera d\u2019autoriser l\u2019acc\u00e8s \u00e0 votre compte GitHub, ce qui lui permettra de r\u00e9cup\u00e9rer vos d\u00e9p\u00f4ts.<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>S\u00e9lectionnez le d\u00e9p\u00f4t GitHub contenant votre projet Leaflet (par exemple, <code>ma-carte-leaflet<\/code>).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Selectionnez_le_projet_a_deployer\"><\/span><strong>3. S\u00e9lectionnez le projet \u00e0 d\u00e9ployer<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>S\u00e9lection du projet<\/strong> :<br>Apr\u00e8s avoir connect\u00e9 votre compte GitHub \u00e0 Netlify, Netlify affichera tous vos d\u00e9p\u00f4ts GitHub. S\u00e9lectionnez le d\u00e9p\u00f4t contenant le code de votre projet de carte.<\/li>\n\n\n\n<li><strong>Configurer les param\u00e8tres du projet<\/strong> :<ul><li>Netlify vous demandera de configurer les param\u00e8tres de d\u00e9ploiement (par exemple, la branche \u00e0 d\u00e9ployer, g\u00e9n\u00e9ralement <code>main<\/code> ou <code>master<\/code>).<\/li><\/ul><ul><li>Si vous avez des fichiers particuliers \u00e0 g\u00e9n\u00e9rer ou compiler avant le d\u00e9ploiement (par exemple, si vous utilisez un g\u00e9n\u00e9rateur de site statique comme Jekyll ou Hugo), vous pouvez sp\u00e9cifier les commandes de build. Pour un projet Leaflet simple, vous n\u2019avez pas besoin de configuration suppl\u00e9mentaire.<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>Cliquez sur <strong>\u00ab\u00a0Deploy Site\u00a0\u00bb<\/strong> pour lancer le d\u00e9ploiement.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Netlify_deploiera_automatiquement_votre_site_et_generera_une_URL_unique\"><\/span><strong>4. Netlify d\u00e9ploiera automatiquement votre site et g\u00e9n\u00e9rera une URL unique<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>D\u00e9ploiement automatique<\/strong> :<br>Apr\u00e8s avoir s\u00e9lectionn\u00e9 le d\u00e9p\u00f4t et configur\u00e9 les param\u00e8tres, Netlify commence le processus de d\u00e9ploiement. Le site est alors automatiquement construit et publi\u00e9.<\/li>\n\n\n\n<li><strong>URL g\u00e9n\u00e9r\u00e9e<\/strong> :<br>D\u00e8s que le d\u00e9ploiement est termin\u00e9, Netlify g\u00e9n\u00e8re une <strong>URL unique<\/strong> pour acc\u00e9der \u00e0 votre carte en ligne. L\u2019URL sera g\u00e9n\u00e9ralement sous la forme :\n<ul class=\"wp-block-list\">\n<li><code>https:\/\/nom-du-projet.netlify.app\/<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Exemple : Si votre projet s\u2019appelle <code>ma-carte-leaflet<\/code>, l\u2019URL pourrait \u00eatre :<br><code>https:\/\/ma-carte-leaflet.netlify.app\/<\/code><\/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=\"Conseils_supplementaires-2\"><\/span><strong>Conseils suppl\u00e9mentaires :<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Modifier l\u2019URL du site<\/strong> : Si vous souhaitez utiliser un nom de domaine personnalis\u00e9 (par exemple, <code>www.macarteleaflet.com<\/code>), vous pouvez facilement configurer cela dans le tableau de bord de Netlify en ajoutant un domaine personnalis\u00e9 et en configurant les DNS.<\/li>\n\n\n\n<li><strong>Contr\u00f4ler les mises \u00e0 jour<\/strong> : Netlify offre un syst\u00e8me de d\u00e9ploiement continu, ce qui signifie que d\u00e8s que vous poussez des modifications dans votre d\u00e9p\u00f4t GitHub, le site sera automatiquement mis \u00e0 jour.<\/li>\n\n\n\n<li><strong>Surveillance des performances<\/strong> : Netlify propose \u00e9galement des outils pour suivre les performances de votre site (temps de chargement, disponibilit\u00e9, etc.).<\/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=\"Avantages_de_Netlify_pour_lhebergement_de_votre_carte_Leaflet\"><\/span><strong>Avantages de Netlify pour l\u2019h\u00e9bergement de votre carte Leaflet :<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>D\u00e9ploiement rapide et facile<\/strong> : Publiez votre carte en quelques clics.<\/li>\n\n\n\n<li><strong>H\u00e9bergement CDN<\/strong> : Netlify fournit une infrastructure CDN qui optimise la vitesse de chargement de vos pages.<\/li>\n\n\n\n<li><strong>SSL gratuit<\/strong> : Chaque site d\u00e9ploy\u00e9 sur Netlify b\u00e9n\u00e9ficie automatiquement d\u2019un certificat SSL (HTTPS).<\/li>\n\n\n\n<li><strong>Support des sites statiques<\/strong> : Parfait pour h\u00e9berger des cartes Leaflet et autres projets web statiques.<\/li>\n\n\n\n<li><strong>D\u00e9ploiement continu<\/strong> : Automatisez le processus de mise \u00e0 jour de votre site d\u00e8s que vous poussez de nouvelles modifications sur GitHub.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Avec ces \u00e9tapes, vous pouvez rapidement mettre en ligne votre carte Leaflet sur Netlify et la partager facilement avec d\u2019autres personnes. C\u2019est un excellent moyen d\u2019h\u00e9berger des projets de cartographie interactifs, sans avoir \u00e0 g\u00e9rer des serveurs complexes.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Soumettez_votre_projet_Leaflet\"><\/span>Soumettez votre projet Leaflet<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<p>Dans le cadre de cette derni\u00e8re s\u00e9ance, vous aurez r\u00e9alis\u00e9 un projet individuel int\u00e9grant les principaux \u00e9l\u00e9ments \u00e9tudi\u00e9s (couches, styles, interactions, contr\u00f4les, etc.).<\/p>\n\n\n\n<p>Nous vous invitons \u00e0 <strong>partager votre r\u00e9alisation<\/strong>, pour b\u00e9n\u00e9ficier d\u2019un retour personnalis\u00e9 et, si vous le souhaitez, figurer parmi les exemples valoris\u00e9s dans nos publications futures<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Comment_faire\"><\/span><strong>Comment faire ?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Publiez votre projet (code et carte) sur <strong>GitHub<\/strong> ou un service \u00e9quivalent, puis envoyez nous le <strong>lien vers votre d\u00e9p\u00f4t<\/strong> via le formulaire mis \u00e0 votre disposition ci-dessous.<\/p>\n\n\n\n<p>Les projets seront examin\u00e9s selon les crit\u00e8res suivants :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bonne pratique de l\u2019API Leaflet<\/li>\n\n\n\n<li>Lisibilit\u00e9 et organisation du code<\/li>\n\n\n\n<li>Qualit\u00e9 visuelle et fonctionnelle de la carte<\/li>\n\n\n\n<li>Pertinence du sujet et des donn\u00e9es choisies<\/li>\n<\/ul>\n\n\n\n<p>Merci de remplir le formulaire ci-dessous. Vous recevrez une r\u00e9ponse personnalis\u00e9e dans les jours qui suivent.<\/p>\n\n\n\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f13264-o2\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"13264\">\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\/13288#wpcf7-f13264-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=\"13264\" \/><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-f13264-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>Votre nom<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>Votre 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>Lien vers le d\u00e9p\u00f4t 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>Votre message (facultatif)<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=\"Envoyer\" \/>\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=\"163\"\/><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>Objectifs de la s\u00e9ance : R\u00e9alisation d\u2019un mini-projet cartographique Cette s\u00e9ance vise \u00e0 mobiliser toutes les comp\u00e9tences acquises au fil du cours d\u2019introduction \u00e0 Leaflet pour cr\u00e9er une carte interactive compl\u00e8te.Les apprenants choisissent un th\u00e8me parmi&hellip;<\/p>\n","protected":false},"author":1,"featured_media":13329,"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":[2929],"tags":[3104,412,3102,3106,180],"class_list":["post-13288","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webmapping","tag-github","tag-leaflet","tag-mini-projet","tag-netlify","tag-tutoriel"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.sigterritoires.fr\/wp-content\/uploads\/2025\/04\/seance-6.jpg?fit=1280%2C720&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p6XU0A-3sk","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/13288","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=13288"}],"version-history":[{"count":0,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/13288\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media\/13329"}],"wp:attachment":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media?parent=13288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/categories?post=13288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/tags?post=13288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}