Skip to content

Commit af37b6e

Browse files
ParnDeedlitParnDeedlit
committed
修正新版天地图key的配置以及示例说明
1 parent 0327a89 commit af37b6e

1 file changed

Lines changed: 65 additions & 56 deletions

File tree

‎demo/mapbox/example/map/mapdisplay/tianditu.htm‎

Lines changed: 65 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
22
<html xmlns="http://www.w3.org/1999/xhtml">
3+
34
<head>
45
<meta charset='utf-8' />
56
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
@@ -22,6 +23,7 @@
2223
//使用严格模式
2324
"use strict";
2425
var map;
26+
var tiandituKey = "f5347cab4b28410a6e8ba5143e3d5a35";
2527
/**地图初始化函数*/
2628
function init() {
2729
//实例化要加载的source来源对象（全球矢量图）
@@ -30,7 +32,8 @@
3032
"type": "raster",
3133
'tiles': [
3234
//来源请求地址，请求天地图提供的全球矢量地图WMTS服务
33-
"http://t" + Math.round(Math.random() * 7) + ".tianditu.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + "&TILECOL=" + '{x}' + "&TILEROW=" + '{y}' + "&TILEMATRIX=" + '{z}'
35+
"http://t" + Math.round(Math.random() * 7) + ".tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + "&TILECOL=" + '{x}' + "&TILEROW=" + '{y}' + "&TILEMATRIX=" + '{z}'
36+
+ "&tk=" + tiandituKey
3437
],
3538
//栅格瓦片的分辨率
3639
'tileSize': 256
@@ -40,8 +43,9 @@
4043
//来源类型为栅格瓦片
4144
"type": "raster",
4245
'tiles': [
43-
//来源请求地址，请求天地图提供的全球矢量中文注记WMTS服务
44-
"http://t" + Math.round(Math.random() * 7) + ".tianditu.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + "&TILECOL=" + '{x}' + "&TILEROW=" + '{y}' + "&TILEMATRIX=" + '{z}'
46+
//来源请求地址，请求天地图提供的全球矢量中文注记WMTS服务
47+
"http://t" + Math.round(Math.random() * 7) + ".tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + "&TILECOL=" + '{x}' + "&TILEROW=" + '{y}' + "&TILEMATRIX=" + '{z}'
48+
+ "&tk=" + tiandituKey
4549
],
4650
//栅格瓦片的分辨率
4751
'tileSize': 256
@@ -51,8 +55,9 @@
5155
//来源类型为栅格瓦片
5256
"type": "raster",
5357
'tiles': [
54-
//来源请求地址，请求天地图提供的全球影像图WMTS服务
55-
"http://t" + Math.round(Math.random() * 7) + ".tianditu.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + "&TILECOL=" + '{x}' + "&TILEROW=" + '{y}' + "&TILEMATRIX=" + '{z}'
58+
//来源请求地址，请求天地图提供的全球影像图WMTS服务
59+
"http://t" + Math.round(Math.random() * 7) + ".tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + "&TILECOL=" + '{x}' + "&TILEROW=" + '{y}' + "&TILEMATRIX=" + '{z}'
60+
+ "&tk=" + tiandituKey
5661
],
5762
//栅格瓦片的分辨率
5863
'tileSize': 256
@@ -62,8 +67,9 @@
6267
//来源类型为栅格瓦片
6368
"type": "raster",
6469
'tiles': [
65-
//来源请求地址，请求天地图提供的全球影像中文注记WMTS服务
66-
"http://t" + Math.round(Math.random() * 7) + ".tianditu.cn/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + "&TILECOL=" + '{x}' + "&TILEROW=" + '{y}' + "&TILEMATRIX=" + '{z}'
70+
//来源请求地址，请求天地图提供的全球影像中文注记WMTS服务
71+
"http://t" + Math.round(Math.random() * 7) + ".tianditu.gov.cn/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + "&TILECOL=" + '{x}' + "&TILEROW=" + '{y}' + "&TILEMATRIX=" + '{z}'
72+
+ "&tk=" + tiandituKey
6773
],
6874
//栅格瓦片的分辨率
6975
'tileSize': 256
@@ -73,8 +79,9 @@
7379
//来源类型为栅格瓦片
7480
"type": "raster",
7581
'tiles': [
76-
//来源请求地址，请求天地图提供的全球地形渲染图WMTS服务
77-
"http://t" + Math.round(Math.random() * 7) + ".tianditu.cn/ter_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ter&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + "&TILECOL=" + '{x}' + "&TILEROW=" + '{y}' + "&TILEMATRIX=" + '{z}'
82+
//来源请求地址，请求天地图提供的全球地形渲染图WMTS服务
83+
"http://t" + Math.round(Math.random() * 7) + ".tianditu.gov.cn/ter_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ter&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + "&TILECOL=" + '{x}' + "&TILEROW=" + '{y}' + "&TILEMATRIX=" + '{z}'
84+
+ "&tk=" + tiandituKey
7885
],
7986
//栅格瓦片的分辨率
8087
'tileSize': 256
@@ -96,29 +103,29 @@
96103
},
97104
//设置加载并显示来源的图层信息
98105
"layers": [
99-
{
100-
//图层id，要保证唯一性
101-
"id": "vecsrc",
102-
//图层类型
103-
"type": "raster",
104-
//连接图层来源
105-
"source": "vecsrc",
106-
//图层最小缩放级数
107-
"minzoom": 0,
108-
//图层最大缩放级数
109-
"maxzoom": 22
110-
},
111-
{
112-
//图层id，要保证唯一性
113-
"id": "cvasrc",
114-
//图层类型
115-
"type": "raster",
116-
//连接图层来源
117-
"source": "cvasrc",
118-
//图层最小缩放级数
119-
"minzoom": 0,
120-
//图层最大缩放级数
121-
"maxzoom": 22
106+
{
107+
//图层id，要保证唯一性
108+
"id": "vecsrc",
109+
//图层类型
110+
"type": "raster",
111+
//连接图层来源
112+
"source": "vecsrc",
113+
//图层最小缩放级数
114+
"minzoom": 0,
115+
//图层最大缩放级数
116+
"maxzoom": 22
117+
},
118+
{
119+
//图层id，要保证唯一性
120+
"id": "cvasrc",
121+
//图层类型
122+
"type": "raster",
123+
//连接图层来源
124+
"source": "cvasrc",
125+
//图层最小缩放级数
126+
"minzoom": 0,
127+
//图层最大缩放级数
128+
"maxzoom": 22
122129
}
123130
]
124131
}
@@ -136,37 +143,38 @@
136143
var src = $("#LayerSelect").val();
137144
//添加图层
138145
map.addLayer({
139-
"id": src,
140-
"type": "raster",
141-
"source": src,
142-
"minzoom": 0,
143-
"maxzoom": 22
146+
"id": src,
147+
"type": "raster",
148+
"source": src,
149+
"minzoom": 0,
150+
"maxzoom": 22
144151
});
145152
if (src == "vecsrc") {
146153
map.addLayer(
147-
{
148-
"id": "cvasrc",
149-
"type": "raster",
150-
//连接图层来源
151-
"source": "cvasrc",
152-
"minzoom": 0,
153-
"maxzoom": 22
154-
});
154+
{
155+
"id": "cvasrc",
156+
"type": "raster",
157+
//连接图层来源
158+
"source": "cvasrc",
159+
"minzoom": 0,
160+
"maxzoom": 22
161+
});
155162
}
156-
else{
163+
else {
157164
map.addLayer(
158-
{
159-
"id": "ciasrc",
160-
"type": "raster",
161-
//连接图层来源
162-
"source": "ciasrc",
163-
"minzoom": 0,
164-
"maxzoom": 22
165-
});
166-
}
165+
{
166+
"id": "ciasrc",
167+
"type": "raster",
168+
//连接图层来源
169+
"source": "ciasrc",
170+
"minzoom": 0,
171+
"maxzoom": 22
172+
});
173+
}
167174
}
168175
</script>
169176
</head>
177+
170178
<body onload="init()">
171179
<div id="menu">
172180
<label style="font-weight: bold;">切换图层：</label>
@@ -179,4 +187,5 @@
179187
<div id='map'>
180188
</div>
181189
</body>
182-
</html>
190+
191+
</html>

0 commit comments

Comments
 (0)