Svelte 5 et SvelteKit 2.x
Svelte 5 et SvelteKit 2.x
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
Table des matières
Leçon 1Découvrir ce que nous allons faire
01m57
Leçon 2Ecrire les codes de base HTML et CSS
07m
Leçon 3Ecrire les codes de base de la librairie Leaflet
04m26
Leçon 4Ecouter le clic sur la carte
08m22
Leçon 5Récupérer les infos du lieu retournés par Nominatim
10m04
Leçon 6Afficher les infos du lieu retournés par Nominatim
10m22
Leçon 7Afficher un marqueur sur la carte
07m55
Leçon 8Déplacer le marqueur sur la carte
12m44
Leçon 9Effacer le marqueur précédent
03m28
Leçon 10Mettre en place une animation d'attente
15m25
Leçon 11Pour la prochaine fois
01m02
Aperçus
Avis des apprenants