25,00

Formation Leaflet 12/12 - Exercice. Permettre à l'utilisateur de définir un itinéraire avec JavaScript

25,00

  • Une formation vidéo de 1h34m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Formation Leaflet 12/12 - Exercice. Permettre à l'utilisateur de définir un itinéraire

ajouter ce cours aux favoris retirer ce cours des favoris


Pour ce 12ème et dernier volet dédié à l'apprentissage de l'utilisation de la librairie Javascript Leaflet, nous allons réaliser un exercice d'application global qui va reprendre l'ensemble des compétences Leafleat acquises tout au long de cette formation en ligne.

Nous allons d'abord réaliser un formulaire dynamique qui permet à l'utilisateur d'entrer une ville de départ, puis une ville d'arrivée.
Un programme JavaScript récupérera ces deux informations afin d'interroger l'API nominatim via la technologie Ajax. Cela nous permettra d'obtenir la géolocalisation (latitude et longitude). Nous pourrons afficher sur une carte, un marqueur de la ville de départ ainsi qu'un marqueur pour la ville d'arrivée. Enfin, nous afficherons le trajet entre ces deux villes.

Afin de suivre ce cours dans de bonnes conditions, il est préférable de connaître :

Table des matières de cette formation JavaScript (durée : 1h34m)

    • Découvrir ce que nous allons réaliser 00:03:27
    • Ecrire le HTML et le CSS 00:07:26
    • Ecouter la ville de départ 00:09:35
    • Récupérer la latitude et la longitude de la ville de départ 00:04:52
    • Récupérer la latitude et la longitude de la ville d'arrivée 00:07:25
    • Afficher le trajet sur la carte 00:09:22
    • Afficher les marqueurs 00:02:33
    • Afficher ou cacher le champ demandant la ville d'arrivée 00:05:15
    • Afficher ou cacher le champ demandant la ville de départ 00:03:30
    • Créer un bouton de reload de la page courante 00:09:09
    • Récupérer le nom de la ville de départ 00:09:36
    • Afficher le nom de la ville de départ ainsi que le nom de la ville d'arrivée 00:06:14
    • Mettre en place une animation d'attente 00:15:22
    • Pour la prochaine fois 00:00:45



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 ?
    intermédiaire
  • Que contient le fichier source ?
    Le code source de l'exercice
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