Próbuję iterować przez plik GeoJSON (poniżej) i ostatecznie zapełnić tablicę kilkoma atrybutami w „właściwościach”. Ciągle pracuję nad różnymi przykładami, które mogę znaleźć. Czy muszę osadzić kolejną $ .each (), aby dostać się do właściwości. Jeśli nie jest to oczywiste, jestem nowy i uderzyłem w ścianę.
Co mam do tej pory:
$(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');
});
});
A mój Json wygląda następująco:
{
"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
]
}
}
]
}
To, co jest napisane powyżej, będzie przechodzić przez każdy element w każdym obiekcie JSON. Są to obiekty JSON, więc chcesz traktować je jak geometrię i właściwości obiektów, a następnie po prostu odwołać się do nich za pomocą notacji kropkowej.
źródło