Pour ce 10ème volet dédié à l'apprentissage de l'utilisation de la librairie Javascript Leaflet, nous allons réaliser un exercice d'application concrète de ce que nous avons appris ensemble tout au long de cette formation Leaflet.
Formation Leaflet / Exercice pratique : Afficher les infos d'un lieu sur une carte
L'exercice que nous allons réaliser sera d'afficher sur la page web, les informations liées au clic de l'utilisateur sur la carte. Ainsi, peu importe où l'utilisateur cliquera sur la carte, nous lui afficherons :
- le nom de la ville,
- le code postal,
- le département
- ainsi que la région liée.
Table des matières de cette formation JavaScript (durée : 1h22m)
-
- Découvrir ce que nous allons faire 00:01:57
- Ecrire les codes de base HTML et CSS 00:07:00
- Ecrire les codes de base de la librairie Leaflet 00:04:26
- Ecouter le clic sur la carte 00:08:22
- Récupérer les infos du lieu retournés par Nominatim 00:10:04
- Afficher les infos du lieu retournés par Nominatim 00:10:22
- Afficher un marqueur sur la carte 00:07:55
- Déplacer le marqueur sur la carte 00:12:44
- Effacer le marqueur précédent 00:03:28
- Mettre en place une animation d'attente 00:15:25
- Pour la prochaine fois 00:01:02
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
L'outil croît! Je me disais bien qu'on devait pouvoir utiliser Nominatim "à l'envers", il faut juste conditionner l'affichage de la ville ou du village au type présent dans la réponse, et qui peut être "city", "town" ou "village"; ainsi on obtient presque partout (sur le globe) un nom.
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
-
Que contient le fichier source ?Le code source complet de l'exercice
note moyenne
avis laissé