Pour ce 9ème volet dédié à l'apprentissage de l'utilisation de la librairie Javascript Leaflet (qui permet de créer des cartes interactives), nous allons améliorer la création d'un parcours sur une carte Openstreetmap. Nous permettrons à l'utilisateur d'effectuer les actions suivantes :
- entrer n'importe quelle ville de départ et d'arrivée. Pour cela nous utiliserons un geocodeur.
- modifier la tuile de la carte (la partie qui représente une petite partie d'un fond de carte),
- récupérer la latitude ainsi que la longitude d'un point cliqué.
- marquer sur la carte et récupérer les infos du marqueur, telles que le nom de la ville, son code postal, son département ou sa région.
Afin de suivre ce cours dans de bonnes conditions, il est préférable de connaître :
Je vous invite également à suivre le premier tuto de cette collection dédiée à Leaflet.
Table des matières de cette formation JavaScript (durée : 1h14m)
-
Définir un geocodeur
- Mettre en place les bases HTML, CSS et JS 00:06:08
- Mettre en place un itinéraire 00:09:09
- Prendre en main le géocodeur 00:04:45
- Afficher les icones 00:03:55
- Ajouter des options 00:04:55
-
Complèment d'informations
- Modifier la tuile de la carte 00:10:36
- Récupérer dynamiquement la latitude et la longitude 00:08:10
- Afficher des marqueurs 00:06:43
- Afficher un seul marqueur à la fois 00:02:43
- Déplacer un marqueur 00:10:34
- Récupérer les infos du lieu 00:05:23
-
Pour la prochaine fois
- Pour la prochaine fois 00:01:37
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Vivement la suite des aventures, déjà dans le pipe.
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code source de ce tuto
note moyenne
avis laissé