36,00

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

36,00

  • Une formation vidéo de 2h55m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Formation Leaflet 2/12 - Coupler une carte OpenStreetMap avec une base de données

ajouter ce cours aux favoris retirer ce cours des favoris


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 :

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



Formateur : Carl Brison

Carl Brison a publié 335 tutoriels et obtenu une note moyenne de 4,9/5 sur 19 061 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
  • Que contient le fichier source ?
    Le code de ce tuto
Parcours Developpeur Front End
accédez à plus de 1434 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données