Archief - JSON-data opvragen via url

ctuxboy · 16 apr 2014

Hallo,

Bij wijze van test heb ik wat statische JSON-data in een script geplaatst:

Code:

var geojsonFeature = 
{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[2.7370936,51.1373611]},"properties":{"name":"Nieuwpoort","description":"Nieuwpoort"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[2.8220494,51.1855593]},"properties":{"name":"Middelkerke","description":"Middelkerke"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[2.6353365,51.1206569]},"properties":{"name":"Koksijde","description":"Koksijde"}}]};

Dit werkt perfekt om in een leaflet-map te integreren!

De volgende stap is om deze JSON-data op te vragen via een externe url, vb:

http://www.domein.com/json-data

Weet iemand hier een oplossing voor?

ctuxboy · 16 apr 2014

Intussen ben ik al een stapje verder geraakt:

Code:

var geojsonFeature = jQuery.getJSON('http://www.domein.com/json-data', function(data) {
console.log('het werkt!');
});

De gegevens opvragen werkt nu wel, maar ze worden niet verwerkt in de leaflet-map :-s

sjabieee · 16 apr 2014

ctuxboy zei:
Intussen ben ik al een stapje verder geraakt:

Code:

var geojsonFeature = jQuery.getJSON('http://www.domein.com/json-data', function(data) { console.log('het werkt!'); });

De gegevens opvragen werkt nu wel, maar ze worden niet verwerkt in de leaflet-map :-s

Uw opgevraagde gegevens zitten in de variabele 'data' hé

ctuxboy · 16 apr 2014

sjabieee zei:
Uw opgevraagde gegevens zitten in de variabele 'data' hé

En hoe krijg ik de gegevens uit 'data'?

Verstuurd vanaf mijn Ascend Y300 met Tapatalk

De Wouter · 17 apr 2014

ctuxboy zei:
En hoe krijg ik de gegevens uit 'data'?

console.log(data.type); // "FeatureCollection"
console.log(data.features[0].type); // "Feature"

Je kan er uiteraard wel iets nuttiger mee doen als een console log, maar het is maar een voorbeeld he.

ctuxboy · 17 apr 2014

De Wouter zei:
console.log(data.type); // "FeatureCollection"
console.log(data.features[0].type); // "Feature"

Je kan er uiteraard wel iets nuttiger mee doen als een console log, maar het is maar een voorbeeld he.

@De Wouter bedankt voor de info.

Intussen oplossing gevonden:

Code:

...
jQuery.getJSON("http://www.mijndomein.com/json-data", function(data) {
    var geojson = L.geoJson(data, {
      onEachFeature: function (feature, layer) {
        layer.bindPopup(feature.properties.name);
      }
...

De info op deze site heeft me enorm geholpen:
External GeoJSON and Leaflet: The Other Way(s) ? Victory Formation

Christophe

Archief - JSON-data opvragen via url

ctuxboy

Legacy Member

ctuxboy

Legacy Member

sjabieee

Legacy Member

ctuxboy

Legacy Member

De Wouter

Legacy Member

ctuxboy

Legacy Member