Pour ce 4ème volet dédié à l'apprentissage de l'utilisation de la librairie Javascript Leaflet, nous allons voir comment nous pouvons récupérer dynamiquement la latitude et la longitude d'une ville grâce à la l'API Nominatim en vue d'afficher le résultat sur une carte OpenStreetMap.
Grâce à l'API Nominatim, nous n'aurons plus besoin de stoker les infos de latitude et de longitude dans une table.
Elles nous seront directement fournies par l'API sous la forme d'un JSON que nous pourrons ensuite exploiter de la même manière que nous l'avons appris précédemment, c'est-à-dire en utilisant l'objet XMLHttpRequest de JavaScript.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Et si vous souhaitez voir les autres cours Leaflet de cette série :
Table des matières de cette formation JavaScript (durée : 1h12m)
-
- Revoir les bases de la mise en place d'une carte 00:10:38
- Découvrir l'API Nominatim 00:06:11
- Mettre en place un menu déroulant 00:06:38
- Communiquer avec l'API Nominatim 00:18:35
- Mettre en place la fonction reponse 00:05:05
- Afficher la carte de la ville demandée 00:03:37
- Améliorer notre page web 00:04:27
- Mettre en place un loader 00:16:17
- Pour la prochaine fois 00:01:30
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Bel outil... impressionnant, mais bien sûr dépendant de l'accès à un serveur tiers...
-
Comme d'habitude, excellent tuto. J'ai testé Nominatim avec de très petites communes, et ça marche parfaitement ! Philippe
-
Que contient le fichier source ?Le code source de ce tuto
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés