Devenez développeur Web (HTML, CSS et Javascript) : Le cours complet
Devenez développeur Web (HTML, CSS et Javascript) : Le cours complet
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.
Afin de suivre ce cours en ligne dans de bonnes conditions, il est préférable de connaître :
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Découvrir ce que nous allons faire
Découvrir ce que nous allons faire
Leçon 2
Ecrire les codes de base HTML et CSS
Ecrire les codes de base HTML et CSS
Leçon 3
Ecrire les codes de base de la librairie Leaflet
Ecrire les codes de base de la librairie Leaflet
Leçon 4
Ecouter le clic sur la carte
Ecouter le clic sur la carte
Leçon 5
Récupérer les infos du lieu retournés par Nominatim
Récupérer les infos du lieu retournés par Nominatim
Leçon 6
Afficher les infos du lieu retournés par Nominatim
Afficher les infos du lieu retournés par Nominatim
Leçon 7
Afficher un marqueur sur la carte
Afficher un marqueur sur la carte
Plan détaillé du cours
Leçon 1Découvrir ce que nous allons faire
01m57s
Leçon 2Ecrire les codes de base HTML et CSS
07m
Leçon 3Ecrire les codes de base de la librairie Leaflet
04m26s
Leçon 4Ecouter le clic sur la carte
08m22s
Leçon 5Récupérer les infos du lieu retournés par Nominatim
10m04s
Leçon 6Afficher les infos du lieu retournés par Nominatim
10m22s
Leçon 7Afficher un marqueur sur la carte
07m55s
Leçon 8Déplacer le marqueur sur la carte
12m44s
Leçon 9Effacer le marqueur précédent
03m28s
Leçon 10Mettre en place une animation d'attente
15m25s
Leçon 11Pour la prochaine fois
01m02s
Aperçus
Avis des apprenants