Formation Leaflet 9/12 - Manipuler les cartes
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h14
de formation
12
leçons vidéo
3
chapitres
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Formation Leaflet 9/12 - Manipuler les cartes

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

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 :

  1. Les requêtes Ajax en JavaScript
  2. Le JavaScript moderne

Je vous invite également à suivre le premier tuto de cette collection dédiée à Leaflet.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Définir un geocodeur
Chapitre 2
Complèment d'informations
Chapitre 3
Pour la prochaine fois

Table des matières

Chapitre 1 : Définir un geocodeur

28m52
 
Leçon 1Mettre en place les bases HTML, CSS et JS
Leçon 2Mettre en place un itinéraire
Leçon 3Prendre en main le géocodeur
Leçon 4Afficher les icones
Leçon 5Ajouter des options

Chapitre 2 : Complèment d'informations

44m09
 
Leçon 1Modifier la tuile de la carte
Leçon 2Récupérer dynamiquement la latitude et la longitude
Leçon 3Afficher des marqueurs
Leçon 4Afficher un seul marqueur à la fois
Leçon 5Déplacer un marqueur
Leçon 6Récupérer les infos du lieu

Chapitre 3 : Pour la prochaine fois

01m37
 
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 08/10/2023
Vivement la suite des aventures, déjà dans le pipe.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de ce tuto

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
1h14 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