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);