Formation Leaflet 1/12 - Prendre en main une carte OpenStreetMap
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Formation Leaflet 1/12 - Prendre en main une carte OpenStreetMap

Carl Brison
26,00€
Paiement différé ou en 3x avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Voici le premier volet d'une formation complète pour apprendre à utiliser la librairie Leaflet.
Leaflet est une bibliothèque JavaScript open source très populaire, utilisée pour créer des cartes interactives sur le web.
C'est un outil très léger, facile à utiliser et flexible, qui offre une grande variété de fonctionnalités pour la création de cartes, tout en restant simple et efficace.

Au programme de ce tuto Leaflet 1/12 - Prendre en main une carte OpenStreetMap

Nous allons apprendre à mettre en place une carte OpenStreetMap sur notre site Internet.

  • Nous apprendrons à définir les longitudes et latitudes d'un lieu tel qu'une ville afin d'éditer un marqueur sur la carte, qui pointera sur cette ville.
  • Nous apprendrons à personnaliser le marqueur de la carte en redéfinissant sa taille ainsi que son visuel.
  • Nous verrons également comment définir plusieurs marqueurs sur la carte 
  • La possibilité pour l'utilisateur de faire apparaître des informations sous la forme d'un pop-up au niveau du marqueur.
  • Nous verrons également comment mettre en place des niveaux de zoom personnalisés sur la carte.
  • Nous terminerons ce 1er volet par un exercice pratique de validation des acquis.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Tous les fichiers de travail sont fournis

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Premiers pas avec OpenStreetMap
Chapitre 2
Validation des acquis
Chapitre 3
Pour la prochaine fois

Plan détaillé du cours

Chapitre 1 : Premiers pas avec OpenStreetMap
1h17m
 
Leçon 1Découvrir OpenStreetMap
Leçon 2Installer la librairie leaflet
Leçon 3Installer la couche de fond
Leçon 4Installer la couche de carte
Leçon 5Gérer le zoom de la carte
Leçon 6Modifier la carte
Leçon 7Installer la couche de marqueur
Leçon 8Installer un popup
Leçon 9Installer une couche de plusieurs marqueurs
Leçon 10Dynamiser le contenu des popups
Leçon 11Personnaliser le marqueur
Leçon 12Déplacer les popups
Chapitre 2 : Validation des acquis
41m19s
 
Leçon 1Découvrir l'exercice
Leçon 2Mettre en place les bases
Leçon 3Mettre en place la couche de fond et la couche de carte
Leçon 4Mettre en place les marqueurs
Leçon 5Afficher un marqueur personnalisé
Chapitre 3 : Pour la prochaine fois
02m36s
 
Leçon 1Pour la prochaine fois

Aperçus

Avis des apprenants

Détail des avis
1
Apprenant
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Marie-July Berthelier
Marie-July Berthelier
Publié le 30/08/2023
Top ! très pédagogique
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)
Alain Tardif
Alain Tardif
Publié le 12/07/2023
Merci Carl, pour ce 1ᵉʳ volet dédié à Leaflet. Comme à votre habitude, très bien expliqué. C'est un plaisir de vous suivre. Validé 100 % Leaflet #1/12
Carl Brison
Carl Brison
Ravi de vous lire à nouveau Alain ! Merci beaucoup pour votre commentaire très gentil ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 04/07/2023
Apparemment, on s'oriente vers du (super) fullstack. Extra!
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très avisé

Vos questions sur le cours

Que contient le fichier source ?

Les codes du cours.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 26,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1342 tutos gratuits

Notre politique de protection des données