GeoJSON 파일에서 위도와 경도를 읽고 마커로 각 위도를 표시하십시오.

저는 자바 스크립트를 처음 사용하기 때문에 조금 잃어 버렸습니다. GeoJSON 파일에서 읽을 수 있습니다. 그러나 필자는 파일을 반복하여 포인트의 Lat-Long을 얻는 방법을 이해하지 못하고, 그 포인트를 전단지에 마커로 표시합니다. GeoJSON 파일에서 위도와 경도를 읽고 마커로 각 위도를 표시하십시오.

{ "type": "FeatureCollection", 
     "features": [ 
     { "type": "Feature", "properties": { "Street Nam": "Aljunied Avenue 2", " Block": "118 Aljunied Avenue 2", " Postal Co": "380118", " Latitude": 1.320440, "Longitude": 103.887575 }, 
      "geometry": { "type": "Point", "coordinates": [ 103.887575, 1.320440 ] } } 
     , 
     { "type": "Feature", "properties": { "Street Nam": "Aljunied Crescent", " Block": "97A Aljunied Crescent", " Postal Co": "381097", " Latitude": 1.321107, "Longitude": 103.886127 }, 
     "geometry": { "type": "Point", "coordinates": [ 103.886127, 1.321107 ] } } 
    ] 
    }

이 = 당신의 관심과 시간을 주셔서 감사합니다)

: 나는 또한

이 내 GeoJSON 파일의 샘플입니다 (리플릿을 위해, 글꼴 멋진 기준) 플러그인 굉장 마커를 사용 바라고

var geoData = JSON.parse(fileContents); 
var features = geoData.features;

등 :

출처

2013-03-30 Maya Arcana

에서 설명한대로 geojson을 처리하십시오. 멋진 아이콘으로 마커를 만드는 pointToLayer 함수를 지정하십시오.

L.geoJson(geoJson, { 
    pointToLayer: function (feature, latlng) { 
     return L.marker(latlng, 
      {icon: L.AwesomeMarkers.icon( 
       << options based on feature.properties >> 
      )}); 
    } 
}).addTo(map);

출처

2013-03-31 22:16:14 flup

파일을 읽고 나면, 당신은 파일의 모든 데이터를 표시하는 자바 스크립트 객체를해야한다. 구문 분석 된 데이터는 키/값 사전인지 또는 목록인지에 따라 개체 또는 배열로 변환됩니다. 그래서 위에서부터

var feature = geoData.features[0];

이 목록의 첫 번째 피쳐 개체에 대한 참조를 가져옵니다. 당신이

console.log(geoData);

를 작성하고 최근 브라우저를 실행하면 당신은 모든 감각을 내릴 수 있도록 데이터의 확장에 대한 설명을 볼 수 있어야합니다.

출처

2013-03-30 20:33:47 Jerry

GeoJSON 파일에서 위도와 경도를 읽고 마커로 각 위도를 표시하십시오.

답변

관련 문제