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

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.

• La POO dynamique en Php
• Les requêtes Ajax en JavaScript
• Le JavaScript moderne