지리적 데이터 구조를 표현한 인코딩 형식인 GeoJson 파일을 업로드하여 도형객체를 지도위에 가시화 합니다.
javascript
function openGeoJsonFile(filePath){
// geoJson 객체를 초기화 합니다
mymap.geoJsonItems.clearLayers();
// geoJson 객체를 저장할 변수를 선언합니다
var gmt;
// JSON 파일을 실행합니다
$.getJSON(filePath, function(data){
var layers = data;
// 변환한 레이어를 geoJson 으로 변환합니다
var geojson = L.geoJson(layers, {style : {color:"#FF0000", fillColor: null, fillOpacity: 0.2, opacity: 0.5, stroke: true, weight: 2.5}});
for (var id in geojson._layers){
gmt = geojson._layers[id];
if (gmt.feature.properties != undefined && gmt.feature.properties['radius']){ // 도형이 원형일 때 좌표값, 반경값, 옵션 속성으로 지도에 원 도형을 추가합니다
(new L.Circle(gmt._latlng, gmt.feature.properties['radius'], {color:"#0054FF", fill:true, fillColor: null, fillOpacity: 0.2, opacity: 0.5, stroke: true, weight: 2.5})).addTo(mymap.geoJsonItems);
}else{
gmt.addTo(mymap.geoJsonItems); // 마커, 폴리곤, 폴리라인을 지도에 추가합니다
}
}
// 지도 영역에 지리적 경계를 추가합니다.
mymap.fitBounds([
[35.4550, 126.97777777],
[33.5000, 126.99999999]
]);
});
}