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

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

Carl Brison
Promo -32% Jusqu'au 23 juillet, 23:59
17,00€25,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Leçon 1Prendre connaissance de ce que nous allons réaliser
03m17s
Leçon 2Modifier la base de données
09m23s
Leçon 3Mettre en place une méthode de lecture des régions
11m02s
Leçon 4Mettre en place le menu déroulant
09m35s
Leçon 5Mettre en place la technologie AJAX
14m18s
Leçon 6Mettre en place l'appel à la méthode readAllRegion
12m33s
Leçon 7Modifier la méthode readAllVille
09m39s
Leçon 8Adapter notre script à la nouvelle méthode readAllVille
10m14s
Leçon 9Vider l'instance de la carte
07m10s
Leçon 10Dynamiser le titre de niveau 1
03m22s
Leçon 11Adapter le loading d'attente
08m54s
Leçon 12Pour la prochaine fois
01m38s

Aperçus

Avis des apprenants

Détail des avis
26
Apprenants
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

Payer plus tard

Prix d'achat : 17,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1381 tutos gratuits

Notre politique de protection des données