17,00

Formation Leaflet 10/12 - Exercice. Afficher les infos du lieu choisi par l'utilisateur avec JavaScript

17,00

  • Une formation vidéo de 1h22m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Formation Leaflet 10/12 - Exercice. Afficher les infos du lieu choisi par l'utilisateur

ajouter ce cours aux favoris retirer ce cours des favoris


Pour ce 10ème volet dédié à l'apprentissage de l'utilisation de la librairie Javascript Leaflet, nous allons réaliser un exercice d'application concrète de ce que nous avons appris ensemble tout au long de cette formation Leaflet.

Formation Leaflet / Exercice pratique : Afficher les infos d'un lieu sur une carte

L'exercice que nous allons réaliser sera d'afficher sur la page web, les informations liées au clic de l'utilisateur sur la carte. Ainsi, peu importe où l'utilisateur cliquera sur la carte, nous lui afficherons :

  • le nom de la ville,
  • le code postal,
  • le département
  • ainsi que la région liée.
Afin de suivre ce cours en ligne dans de bonnes conditions, il est préférable de connaître :
  1. Les requêtes Ajax en JavaScript
  2. Le JavaScript moderne

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

    • Découvrir ce que nous allons faire 00:01:57
    • Ecrire les codes de base HTML et CSS 00:07:00
    • Ecrire les codes de base de la librairie Leaflet 00:04:26
    • Ecouter le clic sur la carte 00:08:22
    • Récupérer les infos du lieu retournés par Nominatim 00:10:04
    • Afficher les infos du lieu retournés par Nominatim 00:10:22
    • Afficher un marqueur sur la carte 00:07:55
    • Déplacer le marqueur sur la carte 00:12:44
    • Effacer le marqueur précédent 00:03:28
    • Mettre en place une animation d'attente 00:15:25
    • Pour la prochaine fois 00:01:02



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
  • 5
    avis de zolb laissé le 12/10/2023
    L'outil croît! Je me disais bien qu'on devait pouvoir utiliser Nominatim "à l'envers", il faut juste conditionner l'affichage de la ville ou du village au type présent dans la réponse, et qui peut être "city", "town" ou "village"; ainsi on obtient presque partout (sur le globe) un nom.
    "Merci beaucoup pour votre commentaire ;-)"

  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
  • Que contient le fichier source ?
    Le code source complet 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