Formation Leaflet 9/12 - Manipuler les cartes
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Formation Leaflet 9/12 - Manipuler les cartes

Carl Brison
Promo -31% Jusqu'au 07 mai, 23:59
11,00€16,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Chapitre 1 : Définir un geocodeur
28m52s
 
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
44m09s
 
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
01m37s
 
Leçon 1Pour la prochaine fois

Aperçus

Avis des apprenants

Détail des avis
1
Apprenant
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

French Days

Attendez ! 🤗

Accédez à plus de 1340 tutos gratuits

Notre politique de protection des données