👤 Thierry LAVAL 🇫🇷 Contactez moi 🇬🇧
- Github: @Thierry Laval
- LinkedIn: @Thierry Laval
- Visitez ==> 🏠 Site Web
Début du projet le 20/01/2021
Le projet 18 consiste à afficher une carte dans une div sur une page html en utilisant Leaflet et basée sur les données gratuites d'OpenStreetmap.
- Création d'une page html avec un ID, une class et un script.
- Création du style en css.
- Utilisation de la bibliothèque Javascript open-source de Leaflet
- Utilisation d'OpenStreetmap
- Utilisation de Plunker
La méthode L.map(...) permet de lier l'id de l'élément créé, puis de charger la carte avec la méthode L.tileLayer(...) en lui passant un template d'URL ou l'on peut voir 4 variables :
{s} qui correspond au style de la carte (on peut le modifier)
{x}, {y} et {z} correspondent aux coordonnées qui sont injectées par Leaflet à chaque fois que l'on bouge la carte
| Langages | Applications | et site web |
|---|---|---|
| HTML5 | Visual Studio Code | Plunker |
| CSS3 | Git/GitHub | Leaflet |
| Javascript | OpenStreetmap |
© OpenStreetMap contributeurs
Copyright © 2021 Thierry Laval
Ce projet est sous licence MIT.
Donnez une ⭐️ si ce projet vous a plu !
FAN DE GITHUB !
