Formation Leaflet 3/12 - Aller plus loin avec l'intéraction de la carte
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h41
de formation
12
leçons vidéo
1
chapitre
Intermédiaire
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Formation Leaflet 3/12 - Aller plus loin avec l'intéraction de la carte

4.8/5 Trustpilot (1387 avis) Satisfait ou remboursé
1h41
de formation
12
leçons vidéo
1
chapitre

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.

Afin de suivre ce cours dans de bonnes conditions, il est préférable de connaître :

Retrouvez les épisodes précédents de mes formations consacrées à la librairie Leaflet :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Prendre connaissance de ce que nous allons réaliser
Leçon 2
Modifier la base de données
Leçon 3
Mettre en place une méthode de lecture des régions
Leçon 4
Mettre en place le menu déroulant
Leçon 5
Mettre en place la technologie AJAX
Leçon 6
Mettre en place l'appel à la méthode readAllRegion
Leçon 7
Modifier la méthode readAllVille

Table des matières

Leçon 1

Prendre connaissance de ce que nous allons réaliser

03m17
Leçon 2

Modifier la base de données

09m23
Leçon 3

Mettre en place une méthode de lecture des régions

11m02
Leçon 4

Mettre en place le menu déroulant

09m35
Leçon 5

Mettre en place la technologie AJAX

14m18
Leçon 6

Mettre en place l'appel à la méthode readAllRegion

12m33
Leçon 7

Modifier la méthode readAllVille

09m39
Leçon 8

Adapter notre script à la nouvelle méthode readAllVille

10m14
Leçon 9

Vider l'instance de la carte

07m10
Leçon 10

Dynamiser le titre de niveau 1

03m22
Leçon 11

Adapter le loading d'attente

08m54
Leçon 12

Pour la prochaine fois

01m38

Aperçus

Avis des apprenants

Détail des avis
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Jean-François Leroi
Jean-François Leroi
Publié le 28/09/2023
Toujours aussi clair !
Carl Brison
Carl Brison
Merci beaucoup ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 16/07/2023
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)
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire
Philippe Moreno
Philippe Moreno
Publié le 04/07/2023
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
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil Philippe ;-)

Vos questions sur le cours

Que contient le fichier source ?

Le code source de ce tuto

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
24,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h41 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 759 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données