Cartographie avec Leaflet et OpenStreetMap

Ressource : https://pixees.fr/informatiquelycee/

Leaflet (http://leafletjs.com/) est une bibliothèque JavaScript, open source, permettant d'afficher des cartes interactives dans une page web.

Pour cette activité, tu vas utiliser ce que tu as appris sur les langages HTML et de CSS avec Code.org ainsi que sur le langage JavaScript découvert avec Code.org et CodeCombat.com.

Openstreetmap (OSM) d'après Wikipédia est un projet qui a pour but de constituer une base de données géographiques libre du monde (permettant par exemple de créer des cartes sous licence libre), en utilisant le système GPS et d'autres données libres. L'utilisation d'Internet permet la collaboration de tout utilisateur volontaire. OpenStreetMap relève de la géomatique 2.0 et est aussi une contribution à ce qui est appelé la néogéographie, dont les outils composent le GeoWeb.

• Tu crées un dossier appelé cartographie.
• dans ce dossier, tu crées trois fichiers avec les noms suivants:
  • index.html qui sera ta page HTML,
  • style.css qui est le fichier des styles CSS,
  • script.js qui contiendra le programme javascript.

Pour modifier ces fichiers, utilise un éditeur de texte comme le Bloc-notes (notepad.exe) ou Notepad++.

Pour visualiser le résultat de ton travail ouvre la page index.html avec le navigateur Internet :

• tu modifies les fichiers index.html, style.css et script.js en suivant les indications des fiches d'activités. Tu peux copier-coller les exemples des fiches dans tes fichiers.
• tu réactualises la page index.html dans le navigateur pour visualiser les modifications faites dans ces 3 fichiers (touche F5).

Accède à la page suivante et suis les 4 activités proposées :

• URL courte : http://unil.im/ICNleaflet
• URL complète : http://www.ac-grenoble.fr/disciplines/informatiquelycee/leaflet_a1.html