GeoJSON - 테이블의 모든 피쳐 표시

Question

GeoJSON 파일의 모든 피쳐를 웹 사이트의 테이블에 나열하려고합니다.이를 수행하는 방법을 파악하고 있습니다.

첫 번째 단계로서 나는 꽤 잘 작동하는 GeoJSON 파일에서로드 된 모든 위치를 보여주는 전단지 맵을 만들었습니다.

지도에 GeoJSON의 모든 위치를 특징으로하는 두 번째 페이지의 평가 시스템이 있습니다. (지금은 이름 만 있으면 등급 시스템이 달라집니다. 문제...).

나는 절대 초보자이며 이에 대한 매우 자세한 "튜토리얼"이 필요하다는 것을 유의하십시오.

내 GeoJSON은 다음과 같습니다

{ 
    "type": "FeatureCollection", 
    "features": [ 
    { 
    "type": "Feature", 
    "geometry": { 
     "type": "Point", 
     "coordinates": [ x,y ] 
    }, 
    "properties": { 
    "FID":0, 
    "Shape *":"Point", 
    "Name":"XXX", 
    "Ditrict":"Dist1", 
    "Str_No":"Street 1", 
    "ZIP":"Some ZIP", 
    "Phone":"Some Number", 
    "Rating":4.5 
    } 
    }, 
    { 
    "type": "Feature", 
    "geometry": { 
     "type": "Point", 
     "coordinates": [ x,y ] 
    }, and so on 

나는 이것에 대한 간단한 해결책이 있기를 바랍니다.

미리 감사드립니다. 당신의 GeoJSON 개체가 var geoJSON 경우

Answer 1

, 다음을 수행하여 각 기능에 대한 모든 이름을 얻을 수 있습니다 : 그것은 이름이 배열의와

var featureNames = []; 

for (var i = 0; i < geoJSON.features.length; i++) { 
    var currentFeature = geoJSON.features[i]; 

    var featureName = currentFeature.properties.Name; 
    var featureId = currentFeature.properties.FID; 

    console.log(featureName); 
    featureNames.push({ featureId: featureId, featureName : featureName }); 
} 

그래서 featureNames 각 feature 목적이있을 것이다.

모두 테이블에 넣으려면 jQuery DataTables을 사용하겠습니다. <div id="myTable"> 인 경우 :

$('#myTable').DataTable({ 
    "columnDefs": [ 
    { "title": "Feature Names", "targets": 0 } 
    ] 
    data: featureNames, 
    scrollY: 300, 
    paging: false 
});