Pour ce 7ème volet dédié à l'apprentissage de l'utilisation de la librairie Leaflet, nous allons voir comment afficher des restaurants sur une carte, dont nous aurons défini la latitude ainsi que la longitude, suivant un périmètre donné.
Pour cela, nous mettrons en place une base de données qui stockera la liste des restaurants qui devront s'afficher sur la carte, s’ils se trouvent à l'intérieur du périmètre choisi par l'utilisateur.
Afin de suivre ce cours dans de bonnes conditions, il est préférable de connaître :
Vous pouvez également suivre le premier cours de cette collection de formation pour apprendre Leaflet.
Table des matières de cette formation JavaScript (durée : 1h48m)
-
- Comprendre le travail à réaliser gratuit 00:03:07
- Mettre en place les bases HTML et CSS 00:05:02
- Mettre en place la base de données 00:03:58
- Instancier la classe PDO 00:04:55
- Mettre en place la classe d'entité 00:05:27
- Mettre en place la classe manager 00:17:43
- Mettre en place la technologie Ajax 00:09:25
- Instancier la classe RestaurantManager 00:13:03
- Afficher la carte 00:05:57
- Afficher le cercle de recherche 00:04:37
- Afficher les marqueurs 00:08:53
- Afficher la popup d'un marqueur 00:03:17
- Contrôler la présence d'un rayon correct 00:05:48
- Mettre en place une animation d'attente 00:15:31
- Pour la prochaine fois 00:01:33
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci pour ce nouvel assemblage de connaissances précédentes, avec au passage une réminiscence de trigonométrie sphérique (assez basique: l'écriture mathématique usuelle est plus lisible que le code, en particulier parce que les coordonnées GPS sont données implicitement en degrés, et que “degré” n'y est pas écrit, alors qu'un degré est le nombre pi/180, la fonction radians consistant justement à multiplier par ce nombre pour pallier le manque de rigueur de l'écriture GPS).
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
-
Que contient le fichier source ?Le code source de ce tuto
note moyenne
avis laissé