JavaScript: How to create an interactive map with Leaflet and Mapbox? [French]

Dans ce tutoriel JavaScript, vous apprendrez à créer une carte interactive Leaflet inspirée de celle publiée par Géoportail pour voir la limite de déplacement de 10 km. Nous l'améliorerons en ajoutant le rayon de 30 km et le centrage automatique sur la position géographique de l'utilisateur. Nous verrons aussi comment utiliser gratuitement les cartes MapBox qui offrent un rendu plus professionnel qu'OpenStreetMap.
// STATISTIQUES //
Le 30/04/2022, cette vidéo avait 1567 vues, 40 "Likes" et 0 "Dislike" (ratio = 100%)
// LIENS //
Code source 🇫🇷 :
➜ github.com/CyberConcept/tutor...
Bibliothèque JavaScript Leaflet 🇺🇸 :
➜ leafletjs.com/
Cartes MapBox 🇺🇸 :
➜ www.mapbox.com/
Carte Géoportail (limite de 10 km) 🇫🇷 :
➜ www.geoportail.gouv.fr/actual...
// SOUTENIR LA CHAÎNE //
Vous pouvez aider la chaîne CyberConcept gratuitement :
► Cliquez sur "J'aime", commentez, partagez cette vidéo !
► Abonnez-vous à la chaîne : kzbin.info...
► Essayez gratuitement Amazon Prime : www.amazon.fr/prime?tag=cyber...
NB. La chaîne CyberConcept n'est pas monétisée. Les publicités sur les vidéos sont ajoutées d'office par KZbin qui perçoit la totalité des revenus.
// CHAPITRES //
00:00 - Présentation
01:15 - Création du projet
01:58 - Préparation de la page HTML
03:28 - Initialiser la carte
06:25 - Créer les zones de déplacement
14:18 - Gérer le cliquer-glisser sur le marqueur
16:00 - Obtenir la position géographique de l'utilisateur
17:40 - Résultat final
#JavaScript #Leaflet #MapBox

[@jfm-normandie]

Très complexe mixture on du ramer

[@masterchief9148]

Ca parait si simple en regardant faire !

[@gobajoseph5064]

Top merci comment peut ton ajputer une telle carte sur son site wordpress

[@CyberConcept]

Je n'utilise pas Wordpress donc ma réponse est à prendre au conditionnel... Je pense qu'il faut soit utiliser les fonctions qui permettent d'inclure des fichiers JavaScript et CSS personnalisés, en éditant le fichier "functions.php" au niveau du thème, soit utiliser une extension Wordpress comme "Leaflet Map".

[@gobajoseph5064]

@@CyberConcept ok bien noté merci🙏🏼🙏🏼🙏🏼