벡터 데이터를 지도에 추가합니다. 아래 샘플은 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);