Pour ce second volet dédié à la librairie Javascript Leaflet, maintenant que nous avons appris à mettre en place une carte OpenStreetMap sur notre site Internet, nous allons apprendre comment rendre une carte dynamique.
Pour cela, nous allons mettre en place une base de données MySQL qui contiendra des informations sur une ville telle que :
- sa latitude,
- sa longitude,
Grâce à ces informations issue de notre BDD, la ville pourra être positionnée dynamiquement sur notre carte.
Nous allons utiliser du code PHP en orienté objet avec :
- une classe d'entité qui fera référence à notre table,
- une classe manager qui contiendra une requête SQL sur notre table.
Afin de mettre en relation nos classes et notre interface, nous allons utiliser la technologie Ajax au travers de 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.
Table des matières de cette formation JavaScript (durée : 2h55m)
-
- Prendre connaissance de ce que nous allons réaliser 00:06:39
- Mettre en place la base de données 00:08:02
- Mettre en place les bases de notre projet 00:05:49
- Insérer des datas 00:06:13
- Afficher la carte 00:06:44
- Afficher l'icone 00:05:33
- Mettre en place l'instance PDO 00:10:28
- Créer une classe d'entité 00:17:40
- Créer une classe manager 00:08:21
- Créer la méthode ReadAllVille 00:17:42
- Instancier notre classe d'entité et de manager 00:19:23
- Complèment 00:01:53
- Mettre en place la technologie AJAX 00:16:50
- Afficher tous les marqueurs 00:12:48
- Sécuriser l'affichage des marqueurs 00:03:10
- Tester notre programme 00:03:36
- Rendre notre script totalement dynamique 00:04:28
- Mettre en place une animation d'attente 00:12:47
- Programme l'affichage de l'animation d'attente 00:05:39
- Pour la prochaine fois 00:01:36
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Très complet et toujours aussi bien expliqué !
-
En effet, vivement la suite des réjouissances (qui va me donner du boulot, comme j'ai une bdd avec toutes les préfectures de France métropolitaine)
-
Excellente formation. J'attends la suite avec impatience. Philippe
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
-
Que contient le fichier source ?Le code de ce tuto
note moyenne
avis laissés