CmWorld 2D Maps API

지도

기본예제

레이어 추가

다양한 오픈 지도

기타

GIS 컨트롤(툴바)

지도 확대/축소 컨트롤

지도 확대/축소 슬라이더

그림도구 컨트롤

거리계산

면적계산

색인지도

스케일바

마우스 위치 표시

GIS 동작 이벤트

마우스 이벤트

확대 이벤트

컨트롤 이벤트

객체

마커

라인

사각형

다각형

이미지 추가

객체 정보보기

객체 보이기/숨기기

벡터레이어 (CmWorldLayer)

벡터레이어 추가 (시도경계)

대용량 레이어

레이어 보이기/숨기기

벡터 스타일 설정

다양한 파일 지원

파일 불러오기

파일 저장하기

Sample다양한 파일 지원 파일 불러오기GeoJson 불러오기

GeoJson 불러오기

지리적 데이터 구조를 표현한 인코딩 형식인 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]                        
		]);                     
	});  
}
License지원브라우저Tel: 02-578-5101E-mail: master@cmworld.co.kr

© 2017. CmWorld INC all right reserved.