CmWorld 2D Maps API

지도

기본예제

레이어 추가

다양한 오픈 지도

기타

GIS 컨트롤(툴바)

지도 확대/축소 컨트롤

지도 확대/축소 슬라이더

그림도구 컨트롤

거리계산

면적계산

색인지도

스케일바

마우스 위치 표시

GIS 동작 이벤트

마우스 이벤트

확대 이벤트

컨트롤 이벤트

객체

마커

라인

사각형

다각형

이미지 추가

객체 정보보기

객체 보이기/숨기기

벡터레이어 (CmWorldLayer)

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

대용량 레이어

레이어 보이기/숨기기

벡터 스타일 설정

다양한 파일 지원

파일 불러오기

파일 저장하기

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

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

벡터 데이터를 지도에 추가합니다. 아래 샘플은 Open Street Map 배경지도 위에 시도 행정구역 경계를 추가하였습니다.

javascript

//1. cmvlayer 정의하고,
//2. 레이어 스타일 설정하고, 벡터레이어에 스타일 할당
//3. cmvlayer에 정의된 벡터레이어 추가

// cmv 파일 경로 입니다.
var url = 'vector/{z}/{x}/{x}_{y}.cmv';
// layer 를 초기화 합니다.
cmvlayer = new L.cmvLayer(url,{  //지도 데이터 정의 후 지도 영역에 타일 레이어 추가. 지도 타일링 파일이 있는 웹서버 URL
        crs: L.TileLayer.CmWorld.GetOSMCRS(),// 벡터레이어 좌표계 설정. 배경지도가 Open Street Map이기 때문에 OSM 좌표계(EPSG:3857)로 설정 
        maxNativeZoom: 12,                   //타일링 데이터의 최종 레벨. 최소 레벨에서 최대 레벨까지 지도에 표시될때 12레벨부터 21레벨까지는 12레벨의 타일을 사용함.
        minZoom: 6,                          //벡터 레이어가 지도에 표시될 최소 레벨
        maxZoom: 21,                         //벡터 레이어가 지도에 표시될 최대 레벨.
        tileSize: 256,                       //벡터 타일 크기
        taskinterval : 16                    
    }).addTo(mymap);

// cmv  에 들어갈 스타일을 설정합니다.
var style = {"LayerID": 0, "LayerName": "시도경계", 
        "LineStyle" : "Solid", "LineColorA": 1, "LineColorR":255, "LineColorG": 0, "LineColorB": 0, "LineWidth": 1,
        "FillColorA": 0.5,"FillColorR": 255,"FillColorG": 0,"FillColorB": 0,
        "Visible": true, "MinLevel": 0, "MaxLevel": 20};

var layerinfo = cmvlayer.LayerInfos[0];

// layer 를 설정합니다.
layerinfo = new VectorLayerInfo(style.LayerName, style.ThematicStyle, style.ThematicKey, true, style.Selectable, style.LabelVisible, style.TableName, style.MinLevel, style.MaxLevel);
var renderItem = new RendererItem(style);
  
layerinfo.Renderer = new SimpleRenderer();
layerinfo.Renderer.AddRenderItem(renderItem);
  
// layer 에 스타일을 추가합니다.
cmvlayer.addLayerInfo(style.LayerID, layerinfo);
  
License지원브라우저Tel: 02-578-5101E-mail: master@cmworld.co.kr

© 2017. CmWorld INC all right reserved.