Leaflet : comment appeler un geoJSON externe
L’un des mes projets les plus récents était la réalisation d’une carte interactive avec leafletjs, MapBox et plusieurs fichiers geoJSON. Je partage avec vous une petite astuce qui m’a permis de ne pas passer par l’étape longue et ennuyeuse de la conversion de geoJSON vers des polygons leaflets.
NB : Le tutoriel suivant présuppose que vos librairies se trouvent dans un dossier dénommé js se trouvant lui même à la racine de votre site web et les fichiers geoJSON se trouvent quant à eux dans un dossier json.
Dans un premier temps, téléchargez et appelez leaflet ajax.
http://js/leaflet.ajax.min.js
Ensuite, ajoutez les polygones depuis le fichier json avec les 2 lignes suivantes.
var polygones = new L.GeoJSON.AJAX("json/polygones.json");
polygon.addTo(map);
Jean-Luc Houédanou est un blogueur spécialisé dans l’innovation et la transformation numérique, avec une expérience en développement web front-end. Après avoir obtenu un Master en gestion du commerce électronique de l’Université de Sherbrooke, il a travaillé sur des projets d’envergure mondiale pour diverses entreprises, startups et organisations internationales. Il est également impliqué dans des projets communautaires et technologiques en Afrique.
Il aide, par le biais de ce blog, les lecteurs à s’adapter aux évolutions rapides de la technologie et des tendances du marché.
En plus de ses articles sur l’innovation et la transformation numérique, Jean-Luc Houédanou écrit également des colonnes d’opinion et donne des conseils sur le bien-être mental. Son objectif est d’aider les lecteurs à se développer personnellement et professionnellement, en leur fournissant des conseils pratiques pour gérer le stress et améliorer leur qualité de vie.