====== Cartographie avec Leaflet et OpenStreetMap ======

===== Présentation =====
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**.
===== Comment réaliser l'activité =====
  * 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).

===== Les activités =====
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
==== Les activités ... ====
<WRAP center round info >
[[icn:2nde:accueil|Je reviens à la liste des activités.]] 
</WRAP>