Exemple basique d\u2019utilisation de Leaflet<\/a><\/li>
Voir la carte dans un nouvel onglet.<\/a><\/li><\/ul><\/li>
Diapo 4: Ajouter un marqueur et un popup<\/a><\/li>
Diapo 5: Personnaliser un marqueur avec une ic\u00f4ne<\/a><\/li>
Diapo 6 : Ajouter plusieurs marqueurs \u00e0 une carte<\/a><\/li>
Diapo 7 : Structure de base d\u2019une page leaflet<\/a>
- - R\u00e9sum\u00e9 des \u00e9l\u00e9ments cl\u00e9s :<\/a><\/li><\/ul><\/li>
  - Voir le r\u00e9sultat pour Paris dans un nouvel onglet<\/a><\/li>
  - Voir le r\u00e9sultat pour l’Ile Rodrigues dans un nouvel onglet.<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n
    <\/span>Initiation \u00e0 Leaflet
    Bienvenue dans le cours d\u2019initiation \u00e0 Leaflet.js<\/span><\/h2>\n\n\n\n
    Cr\u00e9er des cartes interactives sur le Web n\u2019a jamais \u00e9t\u00e9 aussi simple.<\/strong>
    Avec la biblioth\u00e8que JavaScript Leaflet<\/a><\/strong>, vous allez apprendre \u00e0 repr\u00e9senter des lieux, des itin\u00e9raires, des donn\u00e9es, et \u00e0 enrichir vos cartes avec des marqueurs, des styles, des interactions et bien plus encore.<\/p>\n\n\n\n
    \n\n\n\n
    <\/span>Objectif du cours<\/span><\/h3>\n\n\n\n
    Ce cours a pour objectif de vous rendre autonome dans la cr\u00e9ation de cartes interactives<\/strong>, \u00e0 l\u2019aide de Leaflet.
    \u00c0 l\u2019issue du programme, vous serez capable de :<\/p>\n\n\n\n
    \n
    Afficher une carte centr\u00e9e sur un lieu,<\/li>\n\n\n\n
    Ajouter des marqueurs, polygones, images, etc.,<\/li>\n\n\n\n
    Styliser et personnaliser vos objets cartographiques,<\/li>\n\n\n\n
    Int\u00e9grer des interactions (clics, survols, popups),<\/li>\n\n\n\n
    Et m\u00eame publier votre carte sur le Web.<\/li>\n<\/ul>\n\n\n\n
    Aucune exp\u00e9rience pr\u00e9alable avec Leaflet n\u2019est requise. Une base en HTML\/JavaScript<\/strong> est utile mais non obligatoire : tout est expliqu\u00e9 pas \u00e0 pas.<\/p>\n\n\n\n
    \n\n\n\n
    <\/span>Organisation du cours<\/span><\/h3>\n\n\n\n
    Chaque s\u00e9ance suit une progression logique :<\/p>\n\n\n\n
    \n
    Un diaporama<\/strong> synth\u00e9tique pour introduire les notions cl\u00e9s<\/li>\n\n\n\n
    Un texte explicatif<\/strong> qui d\u00e9taille chaque point<\/li>\n\n\n\n
    Un exercice pratique<\/strong> pour appliquer ce que vous avez appris<\/li>\n\n\n\n
    Un corrig\u00e9 accessible<\/strong> pour v\u00e9rifier votre travail<\/li>\n<\/ol>\n\n\n\n
    Dur\u00e9e recommand\u00e9e par s\u00e9ance<\/strong> : environ 1-2 heures.
    Vous pouvez suivre le rythme en autonomie, \u00e0 votre convenance.<\/p>\n\n\n\n
    \n\n\n\n<\/span> Mat\u00e9riel n\u00e9cessaire<\/span><\/h3>\n\n\n\n
    \n
    Un navigateur Web<\/strong> (Chrome, Firefox\u2026)<\/li>\n\n\n\n
    Un \u00e9diteur de code<\/strong> (Visual Studio Code, ou m\u00eame un \u00e9diteur en ligne comme JSFiddle<\/a> ou CodePen<\/a>)<\/li>\n\n\n\n
    Une connexion Internet<\/strong> (pour charger les fonds de carte)<\/li>\n\n\n\n
    T\u00e9l\u00e9charger ici le starter kit, \u00e0 d\u00e9compresser dans un r\u00e9pertoire de votre choix.<\/li>\n<\/ul>\n\n\n\n\n
    \n
    \n
    \n
    $\"Ic\u00f4ne\"$ <\/div>\n
    \n
    starter kit<\/a><\/h3>\n