Sto cercando di scorrere attraverso un file GeoJSON (sotto) e infine popolare un array con alcuni attributi all'interno di "proprietà". Continuo a venire a breve lavorando su vari esempi che posso trovare. Devo incorporare un altro $ .each () per accedere alle proprietà. Se non è ovvio, sono nuovo in questo e ho colpito il muro.
Quello che ho finora:
$(document).ready(function () {
$.getJSON('testpoint.geojson', function (data) {
var items = [];
$.each(data.features, function (key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});
$('<ul/>', {
'class':'my-new-list',
html:items.join('')
}).appendTo('body');
});
});
E il mio JSON è il seguente:
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"gid": 1,
"PID": "9-18-3",
"BCT": "BCT126",
"OWNER_TYPE": "A",
"LOCNO": 0,
"LOCEXT": "",
"STREET": "CROSBY LANE",
"ACQUIRED": "5/7/2010",
"GRANTOR": "John A. SPARGO",
"UPLAND": 0,
"WETLAND": 3.96,
"TOTAL": 3.96,
"HABITAT": "salt marsh"
},
"geometry": {
"type": "Point",
"coordinates": [
-70.03209,
41.78278
]
}
}
]
}