Formation Leaflet 2/12 - Coupler une carte OpenStreetMap avec une base de données
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Formation Leaflet 2/12 - Coupler une carte OpenStreetMap avec une base de données

Carl Brison
36,00€
3 paiements de 12,00€ avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

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

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
Mettre en place la base de données
Leçon 3
Mettre en place les bases de notre projet
Leçon 4
Insérer des datas
Leçon 5
Afficher la carte
Leçon 6
Afficher l'icone
Leçon 7
Mettre en place l'instance PDO

Plan détaillé du cours

Leçon 1Prendre connaissance de ce que nous allons réaliser
06m39s
Leçon 2Mettre en place la base de données
08m02s
Leçon 3Mettre en place les bases de notre projet
05m49s
Leçon 4Insérer des datas
06m13s
Leçon 5Afficher la carte
06m44s
Leçon 6Afficher l'icone
05m33s
Leçon 7Mettre en place l'instance PDO
10m28s
Leçon 8Créer une classe d'entité
17m40s
Leçon 9Créer une classe manager
08m21s
Leçon 10Créer la méthode ReadAllVille
17m42s
Leçon 11Instancier notre classe d'entité et de manager
19m23s
Leçon 12Complèment
01m53s
Leçon 13Mettre en place la technologie AJAX
16m50s
Leçon 14Afficher tous les marqueurs
12m48s
Leçon 15Sécuriser l'affichage des marqueurs
03m10s
Leçon 16Tester notre programme
03m36s
Leçon 17Rendre notre script totalement dynamique
04m28s
Leçon 18Mettre en place une animation d'attente
12m47s
Leçon 19Programme l'affichage de l'animation d'attente
05m39s
Leçon 20Pour la prochaine fois
01m36s

Aperçus

Avis des apprenants

Détail des avis
0
Apprenant
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 27/09/2023
Très complet et toujours aussi bien expliqué !
Carl Brison
Carl Brison
Merci beaucoup, c'est super gentil ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 11/07/2023
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)
Carl Brison
Carl Brison
Nickel ! Merci beaucoup pour votre commentaire ;-)
Philippe Moreno
Philippe Moreno
Publié le 27/06/2023
Excellente formation. J'attends la suite avec impatience. Philippe
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil Philippe

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Le code de ce tuto

Payer plus tard ou en 3x

Prix d'achat : 36,00 €
Pour payer plus tard ou en plusieurs versements échelonnés, 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 plus tard ou en plusieurs fois

3 paiements de 12,00 €
tous les mois, sans intérêts
Total : 36,00 €
Afficher les conditions : Klarna
Klarna : conditions d'utilisation du paiement différé en 3 échéances.

Attendez ! 🤗

Accédez à plus de 1362 tutos gratuits

Notre politique de protection des données