Manipuler une carte OpenStreetMap avec Leaflet JS

Dans ce tuto, nous allons apprendre à manipuler une cartographie en utilisant la librairie JavaScript Leaflet.

Leaflet est une bibliothèque JavaScript libre qui vous permet d'ajouter de l'interactivité sur une carte. Nous allons l'utiliser avec OpenStreetMap, logiciel de cartographie qui propose des cartes opensource.

Ces 2 services vous permettront de voir comment ajouter une carte sur votre site et comment manipuler cette carte en y ajoutant de l'interactivité.
 

Au programme de ce tuto comment manipuler une carte OpenStreetMap avec Leaflet JS 

• Nous allons apprendre à éditer une carte,
• Lui donner une taille,
• Gérer les Zooms,
• Nous apprendrons à manipuler des marqueurs. Nous installerons un puis plusieurs marqueurs sur la carte (nous personnaliserons également les marqueurs),
• Nous en profiterons pour installer une popup sur les marqueurs, il s'agit de point d'informations que l'on couple aux marqueurs.

A la fin de ce tuto en vidéo, vous saurez comment éditer et manipuler très facilement une carte OpenStreetMap en utilisant la librairie JavaScript Leaflet.

Je mets à votre disposition, l'ensemble des codes utilisés dans ce tutoriel.
Je reste disponible dans le salon d'entraide pour répondre à vos questions. 
Un QCM est également disponible en fin de formation pour valider vos compétences.