Formation Leaflet 10/12 - Exercice. Afficher les infos du lieu choisi par l'utilisateur sur Tuto.com

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

Problème de lecture

Cette vidéo ne semble pas disponible

00:00

00:00

Sous-titres non disponibles

Un cours de

16,99€

5,0

1h22

Intermédiaire

QCM

Certificat de compétences

Fichiers sources

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Présentation
Contenu

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 :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours

Leçon 1

Leçon 2

Leçon 3

Leçon 4

Leçon 5

Leçon 6

Leçon 7

Plan détaillé du cours

Leçon 1Découvrir ce que nous allons faire

01m57

Leçon 2Ecrire les codes de base HTML et CSS

07m

Leçon 3Ecrire les codes de base de la librairie Leaflet

04m26

Leçon 4Ecouter le clic sur la carte

08m22

Leçon 5Récupérer les infos du lieu retournés par Nominatim

10m04

Leçon 6Afficher les infos du lieu retournés par Nominatim

10m22

Leçon 7Afficher un marqueur sur la carte

07m55

Leçon 8Déplacer le marqueur sur la carte

12m44

Leçon 9Effacer le marqueur précédent

03m28

Leçon 10Mettre en place une animation d'attente

15m25

Leçon 11Pour la prochaine fois

01m02

Aperçus

Avis des apprenants

Détail des avis

16

Apprenants

1

Commentaire

5/5

Note moyenne

5/5

1

4/5

0

3/5

0

2/5

0

1/5

0

Bernard Chabloz

Publié 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.

Carl Brison

Merci beaucoup pour votre commentaire ;-)

Bundle

Retrouvez ce cours dans le bundle :

Promo -62%

Formateur

5

Voir ses cours

Prérequis

Intermédiaire

Accessibilité

Sous-titres disponibles

Ressources téléchargeables

Fichiers sources (49.3 Ko)

Catégories

Programmation JavaScript

Cours publié le 06/10/2023
Langue : Français
ID : 188391

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Le code source complet de l'exercice