Bonjour,
Je suis en train de créer une carte interactive à partir de Leaflet. Je souhaitais intégrer un fichier externe GeoJSON. Sur le tutoriel de Leaflet, il est préconisé de modifier le fichier geojson avec var ma_variable = contenu_fichier_geojson, puis d'enregistrer ce nouveau fichier en .js . Pas de souci là-dessus, ça fonctionne très bien !
Cependant mon problème est que mon fichier geojson que je souhaiterai utiliser va être mise à jour au moins une fois par jour. Et évidemment il est hors de question que je le modifie manuellement à chaque fois !
J'ai vu qu'il existait le plugin Leaflet-ajax (https://github.com/calvinmetcalf/leaflet-ajax), sauf que je n'arrive pas à le faire fonctionner...
J'ai enregistré l'ensemble des données du plugin en local. Dans mon script html, dans mon <head>,
j'ai bien ajouté l'appel au script : <script type="text/javascript" src="leaflet-ajax-gh-pages/dist/leaflet.ajax.js"></script>.
Mon fichier geojson semble correct (je le mets en pièce jointe).
Enfin dans ma balise <script>, je crée ma carte "mymap" (pas de problème !), et j'appelle mon fichier geojson de la sorte :
Et mes données ne s'affichent pas Je ne comprends pas vraiment pourquoi...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 var geojsonLayer = new L.GeoJSON.AJAX("Test_point.geojson"); geojsonLayer.addTo(mymap);
Je teste mon script html sous Firefox. Ma version de Leaflet est la 1.5.1
Si quelqu'un a des idées sur le pourquoi, ça ne fonctionne pas... Je serais également preneuse d'une autre solution "facile", si jamais !
Merci beaucoup pour votre aide !
Test_point.txt
Cindy
Partager