Pour ce 3ème volet dédié à l'apprentissage de l'utilisation de la librairie Leaflet, nous allons poursuivre notre mise en place dynamique de l'affichage de notre carte OpenStreetMap.
- En plus de positionner les villes sur notre carte OpenStreetMap, à partir d'une requête SQL depuis notre base de données,
- nous allons dynamiser l'affichage de la carte selon la région que l'utilisateur aura choisi.
Nous allons utiliser du code PHP en orienté objet avec une classe d'entité qui fera référence à notre table, ainsi qu'une classe manager qui contiendra une requête SQL de jointure sur notre base de données. Afin de mettre en relation nos classes et notre interface, nous allons utiliser la technologie Ajax au travers de l'objet XMLHttpRequest de JavaScript.
Retrouvez les épisodes précédents de mes formations consacrées à la librairie Leaflet :
Table des matières de cette formation JavaScript (durée : 1h41m)
-
- Prendre connaissance de ce que nous allons réaliser 00:03:17
- Modifier la base de données 00:09:23
- Mettre en place une méthode de lecture des régions 00:11:02
- Mettre en place le menu déroulant 00:09:35
- Mettre en place la technologie AJAX 00:14:18
- Mettre en place l'appel à la méthode readAllRegion 00:12:33
- Modifier la méthode readAllVille 00:09:39
- Adapter notre script à la nouvelle méthode readAllVille 00:10:14
- Vider l'instance de la carte 00:07:10
- Dynamiser le titre de niveau 1 00:03:22
- Adapter le loading d'attente 00:08:54
- Pour la prochaine fois 00:01:38
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Toujours aussi clair !
-
Bel outil! Avec du boulot, en effet, mais surtout pour garder toutes les préfectures de France au chargement (avec le submit désactivé, bien sûr)
-
Tuto toujours aussi clair et d'une grande qualité pédagogique. On suivra la formation Leaflet jusqu'au bout pour l'adapter ensuite sur mon site. 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