Pull GeoJSON données dans le Dépliant avec appel AJAX

Donc j'essaye de publier un MapBox carte avec Notice, et souhaitez ajouter des marqueurs à partir d'une source de données externe avec un appel AJAX. Plus précisément, je suis de la cartographie de toutes les taches wifi à new-york avec cet ensemble de données. Je vois où elle dit que je peux télécharger le wifi endroits en JSON, mais je suis encore à essayer de m'enseigner comment code et ne savent pas quoi faire à partir de là.

Voici l'exemple que MapBox donne à l'aide d'un .js hébergé sur votre site d'annuaire. Que se passerait-il si je devais faire un appel AJAX à la place?

<script src="museums.js"></script>
<script type="text/javascript">
//Define a GeoJSON data layer with data
var geojsonLayer = new L.GeoJSON();

//Display the name property on click
geojsonLayer.on('featureparse', function (e) {
    if (e.properties && e.properties.name){
    e.layer.bindPopup(e.properties.name);
}
});

geojsonLayer.addGeoJSON(data);

//Add the GeoJSON layer
map.addLayer(geojsonLayer);
</script>

OriginalL'auteur geraldarthur | 2012-08-06

  1. 8

    Suivant votre lien de wifi spot jeu de données montrez-moi que vous pouvez appeler les données json à partir de cette url: wifi spot

    Le problème est que le résultat json n'est pas formaté en format GEOJSON (Wikipédia)...

    Dans le cas où vous a effectivement une url où vous valide GEOJSON, vous pouvez utiliser jQuery pour faire de l'Ajax d'appel de la manière suivante:

    $.ajax({
    type: "POST",
    url: "https://nycopendata.socrata.com/api/views/ehc4-fktp/rows.json",
    dataType: 'json',
    success: function (response) {

        geojsonLayer = L.geoJson(response, {
            style: yourLeafletStyle
        }).addTo(map);
    }
});

    Ce qui concerne

    Etienne

    OriginalL'auteur Etienne Desgagné