江西水利一张图,调用说明
<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](https://images2015.cnblogs.com/blog/583396/201512/583396-20151207165038511-1521268624.png)
附件列表