16,00

Tuto Formation Leaflet 9/12 - Manipuler les cartes avec JavaScript

16,00

  • Une formation vidéo de 1h14m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Formation Leaflet 9/12 - Manipuler les cartes

ajouter ce cours aux favoris retirer ce cours des favoris


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.

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



Formateur : Carl Brison

Carl Brison a publié 335 tutoriels et obtenu une note moyenne de 4,9/5 sur 19 061 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le code source de ce tuto
Parcours Developpeur Front End
accédez à plus de 1434 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données