江西水利一张图,调用说明

<head>   
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>江西地图服务调用测试</title>
    <!--引用需要的脚本-->
    <script src="./libs/SuperMap.Include.js"></script>
    <script type="text/javascript">
    //声明变量map、layer、url
    function init()
    {    
        var map, layer;
        map = new SuperMap.Map("map",{controls: [                      
            new SuperMap.Control.ScaleLine(),
            new SuperMap.Control.Zoom(),
            new SuperMap.Control.Navigation({
                dragPanOptions: {
                                    enableKinetic: true
                                }
            })]
        });
        // 多个图层叠加,设置allOverlays开关为true
        map.allOverlays = true;  
        //当前图层的分辨率数组信息,和matrixIds一样,
        // 需要用户从wmts服务获取并明确设置,resolutions数组和matrixIds数组长度相同
        var scales=[2.958293554545656E8,
                    1.479146777272828E8,
                    7.39573388636414E7,
                    3.69786694318207E7,
                    1.848933471591035E7,
                    9244667.357955175   ,
                    4622333.678977588   ,
                    2311166.839488794   ,
                    1155583.419744397   ,
                    577791.7098721985   ,
                    288895.85493609926  ,
                    144447.92746804963  ,
                    72223.96373402482   ,
                    36111.98186701241   ,
                    18055.990933506204  ,
                    90279.95466753103   ,
                    4513.997733376551   ,
                    2256.998866688275   ,
                    1128.499433344138   ,
                    564.2497166720688];
        // SuperMap发布的    wmtsTDT接口的地图服务,设置对应的matrixID和resolution数组        
        var matrixIds=[],temp,resolutions=[];
        for(var i=6;i<scales.length;i++){
            temp=SuperMap.Util.getResolutionFromScaleDpi(scales[i],96,"degree",6378137);
            resolutions.push(temp);
            matrixIds[i-6]={identifier:i};//天地图的identifier是从1开始的
        }
        
        //河流图层
        layer0 = new SuperMap.Layer.WMTS({
              url: "http://10.36.5.46:8080/iserver/services/map-JX_LINE/wmtsTDT",
              layer: "LINE_V",
              style: "default",
              matrixSet: "Custom_LINE_V",
              format: "image/png",
              resolutions:resolutions,
              matrixIds:matrixIds,
              opacity: 1,
              requestEncoding:"KVP"});
        // 湖泊图层      
        layer1 = new SuperMap.Layer.WMTS({
              url: "http://10.36.5.46:8080/iserver/services/map-JX_LAKE/wmtsTDT",
              layer: "LAKE_V",
              style: "default",
              matrixSet: "Custom_LAKE_V",
              format: "image/png",
              resolutions:resolutions,
              matrixIds:matrixIds,
              opacity: 1,
              requestEncoding:"KVP"});
        
        // 天地图分辨率resolution数组和matrixID数组
        matrixSetTDT = [];
        resolutionsTDT = [];        
        for(var i=6;i<17;i++){
            temp=SuperMap.Util.getResolutionFromScaleDpi(scales[i],96,"degree",6378137);
            resolutionsTDT.push(temp);
            matrixSetTDT[i-6]={identifier:i+1};//天地图的identifier是从1开始的
        }    
        // 天地图行政界线底图服务
        layer2 = new SuperMap.Layer.WMTS({
              url: "http://10.36.5.70:9010/ZHL140325/wmts",
              layer: "vec20140318",
              style: "vec20140318",
              matrixSet: "Matrix_0",
              format: "image/tile",
              resolutions:resolutionsTDT,
              matrixIds:matrixSetTDT,
              opacity: 1,
              requestEncoding:"KVP"});
        // 天地图交通底图服务
        layerJT = new SuperMap.Layer.WMTS({
              url: "http://10.36.5.70:9010/JTL140325/wmts",
              layer: "Road325",
              style: "Road325",
              matrixSet: "Matrix_0",
              format: "image/tile",
              resolutions:resolutionsTDT,
              matrixIds:matrixSetTDT,
              opacity: 1,
              requestEncoding:"KVP"});
        // 天地图行政界线底图服务
        layerXZ = new SuperMap.Layer.WMTS({
              url: "http://10.36.5.70:9010/ZHL140325/wmts",
              layer: "vec20140318",
              style: "vec20140318",
              matrixSet: "Matrix_0",
              format: "image/tile",
              resolutions:resolutionsTDT,
              matrixIds:matrixSetTDT,
              opacity: 1,
              requestEncoding:"KVP"});
        //    行政注记 (影像)  
        layerPOI7_14 = new SuperMap.Layer.WMTS({
              url: "http://10.36.5.70:9010/POI7_17/wmts",
              layer: "POI7_14",
              style: "POI7_14",
              matrixSet: "Matrix_0",
              format: "image/tile",
              resolutions:resolutionsTDT,
              matrixIds:matrixSetTDT,
              opacity: 1,
              requestEncoding:"KVP"});
        //     天地图影像底图服务 
        layerIMGL7_L17s = new SuperMap.Layer.WMTS({
              url: "http://10.36.5.70:9010/IMGL7_L17/wmts",
              layer: "IMGL7_L17s",
              style: "IMGL7_L17s",
              matrixSet: "Matrix_0",
              format: "image/tile",
              resolutions:resolutionsTDT,
              matrixIds:matrixSetTDT,
              opacity: 1,
              requestEncoding:"KVP"});
        //       天地图行政注记(矢量)
        layerPoi325 = new SuperMap.Layer.WMTS({
              url: "http://10.36.5.70:9010/ZHLZJ140325/wmts",
              layer: "Poi325",
              style: "Poi325",
              matrixSet: "Matrix_0",
              format: "image/tile",
              resolutions:resolutionsTDT,
              matrixIds:matrixSetTDT,
              opacity: 1,
              requestEncoding:"KVP"});
            
                  
        //矢量底图          
        map.addLayers([layerXZ ,layer0 ,layer1 ,layer2 ,layerJT ,layerPoi325 ]);      
        //影像底图
        <!-- map.addLayers([layerIMGL7_L17s,layer0 ,layer1 ,layer2 ,layerJT, layerPOI7_14  ]);       -->
        map.setCenter(new SuperMap.LonLat(114, 26), 0);          
    }
    </script>
    
    
</head>
<body onload="init()">
    <!--地图显示的div-->
    <div id="map" width="100%" height="100%" >             
    </div>    
</body>  

wmts.png




附件列表

 

posted @ 2015-12-07 16:51  ZinkSor  阅读(878)  评论(0编辑  收藏  举报