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

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