Formation Leaflet 8/12 - Définir un itinéraire sur une carte
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h23
de formation
9
leçons vidéo
3
chapitres
Intermédiaire
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Formation Leaflet 8/12 - Définir un itinéraire sur une carte

4.8/5 Trustpilot (1399 avis) Satisfait ou remboursé
1h23
de formation
9
leçons vidéo
3
chapitres

Pour ce 8ème volet dédié à l'apprentissage de l'utilisation de la librairie Javascript Leaflet, nous allons voir comment créer un itinéraire sur une carte Openstreetmap.

  • Pour cela, nous utiliserons la librairie Leaflet Routing Machine, qui va nous permettre de définir un point de départ (ville de départ) et un point d'arrivée (ville d'arrivée).
  • Nous verrons également comment ajouter des villes étapes entre notre ville de départ et notre ville d'arrivée.
  • Nous verrons comment modifier dynamiquement sur la carte, la ville de départ ainsi que la ville d'arrivée.
  • Nous obtiendrons également la distance du parcours défini.
Afin de suivre ce cours dans de bonnes conditions, il est préférable de connaître :

Retrouvez le début de cette série de formations consacrées à Leaflet.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Définir un parcours sur une carte
Chapitre 2
Exercice. Dynamiser la ville d'arrivée
Chapitre 3
Pour la prochaine fois

Table des matières

Chapitre 1 : Définir un parcours sur une carte

18m22
 
Leçon 1Créer un parcours entre deux villes
Leçon 2Créer un parcours entre plusieurs villes

Chapitre 2 : Exercice. Dynamiser la ville d'arrivée

1h03
 
Leçon 1Mettre en place les bases HTML et CSS
Leçon 2Mettre en place la technologie Ajax
Leçon 3Mettre en place la librairie leaflet routing machine
Leçon 4Mettre en place les icones
Leçon 5Mettre en place un titre de niveau 1
Leçon 6Mettre en place une animation d'attente

Chapitre 3 : Pour la prochaine fois

01m29
 
Leçon 1Pour la prochaine fois

Aperçus

Avis des apprenants

Détail des avis
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Bernard Chabloz
Bernard Chabloz
Publié le 28/09/2023
Bel outil! Un seul accroc: cette procédure me donne deux marqueurs (dont un sans icone, visiblement lié à “L.Routing.control”). Parade: utiliser “createMarker:...” dans “L.Routing.control”.
Carl Brison
Carl Brison
En effet, peut être une incompatibilité...

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Le code source complet de l'exercice

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
15,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h23 de vidéo • 3 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ 27,91€ /mois
Le 1er mois, puis 34,90€ - sans engagement
Cette formation + 6 791 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Profiter de l'offre
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données