8000 【update】补充天地图相关示例 review by louxiao · SuperMap/iClient-JavaScript@cfec922 · GitHub
[go: up one dir, main page]
Skip to content

Commit cfec922

Browse files
songyumengsongyumeng
committed
【update】补充天地图相关示例 review by louxiao
1 parent ec0b3f8 commit cfec922

15 files changed

+163
-61
lines changed

‎.editorconfig

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ charset = utf-8
99

1010
[*.{js,html,css}]
1111
indent_style = space
12-
indent_size = 4
12+
indent_size = 2
1313

1414
[*.{json}]
1515
indent_style = space

‎examples/leaflet/config.js

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1406,15 +1406,21 @@ var exampleConfig = {
14061406
name: "天地图",
14071407
name_en: "Tianditu",
14081408
content: [{
1409-
name: "天地图-墨卡托",
1410-
name_en: "tianditu-mercator",
1409+
name: "天地图-影像-墨卡托",
1410+
name_en: "tianditu-image-mercator",
14111411
thumbnail: "l_tiandituLayer_mercator.png",
14121412
fileName: "tiandituLayer_mercator"
1413+
14131414
}, {
1414-
name: "天地图-经纬度",
1415-
name_en: "tianditu-ll",
1415+
name: "天地图-矢量-经纬度",
1416+
name_en: "tianditu-vector-wgs84",
14161417
thumbnail: "l_tiandituLayer_ll.png",
14171418
fileName: "tiandituLayer_ll"
1419+
},{
1420+
name: "天地图-地形-经纬度",
1421+
name_en: "tianditu-terrain-wgs84",
1422+
thumbnail: "l_tiandituLayer_ll_ter.png",
1423+
fileName: "tiandituLayer_ll_ter"
14181424
}]
14191425
},
14201426
"cloud": {

‎examples/leaflet/img/l_tiandituLayer_ll_ter.png

39.1 KB
Loading

‎examples/leaflet/tiandituLayer_ll.html

Lines changed: 23 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -3,30 +3,32 @@
33
*********************************************************************-->
44
<!DOCTYPE html>
55
<html>
6-
7-
<head>
8-
<meta charset="UTF-8">
6+
<head>
7+
<meta charset="UTF-8" />
98
<title data-i18n="resources.title_tiandituLayer_ll"></title>
109
<script type="text/javascript" src="../js/include-web.js"></script>
11-
</head>
10+
</head>
1211

13-
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
14-
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
12+
<body style="margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0">
13+
<div id="map" style="margin: 0 auto; width: 100%; height: 100%"></div>
1514
<script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
1615
<script type="text/javascript">
17-
var map = L.map('map', {
18-
center: [0, 0],
19-
zoom: 0,
20-
crs: L.CRS.TianDiTu_WGS84
21-
});
22-
L.supermap.tiandituTileLayer({
23-
key: "1d109683f4d84198e37a38c442d68311"
24-
}).addTo(map);
25-
L.supermap.tiandituTileLayer({
26-
isLabel: true,
27-
key: "1d109683f4d84198e37a38c442d68311"
28-
}).addTo(map);
16+
var map = L.map('map', {
17+
center: [0, 0],
18+
zoom: 0,
19+
crs: L.CRS.TianDiTu_WGS84
20+
});
21+
L.supermap
22+
.tiandituTileLayer({
23+
key: '1d109683f4d84198e37a38c442d68311'
24+
})
25+
.addTo(map);
26+
L.supermap
27+
.tiandituTileLayer({
28+
isLabel: true,
29+
key: '1d109683f4d84198e37a38c442d68311'
30+
})
31+
.addTo(map);
2932
</script>
30-
</body>
31-
32-
</html>
33+
</body>
34+
</html>

‎examples/leaflet/tiandituLayer_ll_ter.html

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset="UTF-8" />
8+
<title data-i18n="resources.title_tiandituLayer_terrain"></title>
9+
<script type="text/javascript" src="../js/include-web.js"></script>
10+
</head>
11+
12+
<body style="margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0">
13+
<div id="map" style="margin: 0 auto; width: 100%; height: 100%"></div>
14+
<script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
15+
<script type="text/javascript">
16+
var map = L.map('map', {
17+
center: [0, 0],
18+
zoom: 0,
19+
crs: L.CRS.TianDiTu_WGS84
20+
});
21+
L.supermap
22+
.tiandituTileLayer({
23+
layerType: 'ter',
24+
key: '1d109683f4d84198e37a38c442d68311'
25+
})
26+
.addTo(map);
27+
L.supermap
28+
.tiandituTileLayer({
29+
layerType: 'ter',
30+
isLabel: true,
31+
key: '1d109683f4d84198e37a38c442d68311'
32+
})
33+
.addTo(map);
34+
</script>
35+
</body>
36+
</html>

‎examples/leaflet/tiandituLayer_mercator.html

Lines changed: 25 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -3,27 +3,34 @@
33
*********************************************************************-->
44
<!DOCTYPE html>
55
<html>
6-
7-
<head>
8-
<meta charset="UTF-8">
6+
<head>
7+
<meta charset="UTF-8" />
98
<title data-i18n="resources.title_tiandituLayer_mecartor"></title>
109
<script type="text/javascript" src="../js/include-web.js"></script>
11-
</head>
10+
</head>
1211

13-
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
14-
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
12+
<body style="margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0">
13+
<div id="map" style="margin: 0 auto; width: 100%; height: 100%"></div>
1514
<script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
1615
<script type="text/javascript">
17-
var map = L.map('map', {
18-
center: [0, 0],
19-
zoom: 0,
20-
crs: L.CRS.TianDiTu_Mercator
21-
});
22-
L.supermap.tiandituTileLayer({
23-
layerType: "img",
24-
key: "1d109683f4d84198e37a38c442d68311"
25-
}).addTo(map);
16+
var map = L.map('map', {
17+
center: [0, 0],
18+
zoom: 0,
19+
crs: L.CRS.TianDiTu_Mercator
20+
});
21+
L.supermap
22+
.tiandituTileLayer({
23+
layerType: 'img',
24+
key: '1d109683f4d84198e37a38c442d68311'
25+
})
26+
.addTo(map);
27+
L.supermap
28+
.tiandituTileLayer({
29+
layerType: 'img',
30+
isLabel: true,
31+
key: '1d109683f4d84198e37a38c442d68311'
32+
})
33+
.addTo(map);
2634
</script>
27-
</body>
28-
29-
</html>
35+
</body>
36+
</html>

‎examples/locales/en-US/resources.js

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -510,8 +510,9 @@ window.examplesResources = {
510510
"title_rankSymbolThemeLayer": "Rank Symbol Thematic Map",
511511
"title_snapDrawFeatures": "Snap Features Drawing",
512512
"title_superMapCloudLayer": "SuperMap Cloud Layer",
513-
"title_tiandituLayer_ll": "Tianditu - Latitude and Longitude",
514-
"title_tiandituLayer_mecartor": "Tianditu - Mercator",
513+
"title_tiandituLayer_ll": "Tianditu - Vector - WGS84",
514+
"title_tiandituLayer_mecartor": "Tianditu -Image - Mercator",
515+
"title_tiandituLayer_terrain": "Tianditu - Terrain - WGS84",
515516
"title_vectorTiledLayer": "Vector Tile Layer",
516517
"title_turfClassificationAnalysis": "Classification Analysis",
517518
"title_turfGridAnalysis": "Grid Analysis",

‎examples/locales/zh-CN/resources.js

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ window.examplesResources = {
7474
"join": "加入我们： 超图Web客户端团队 ",
7575
"join_tips1": "（请发邮件至: ",
7676
"join_tips2": "，附上您的简历哦）",
77-
"copyright": "版权所有 © 2000-2021 北京超图软件股份有限公司 京ICP备11032883号-8 京公网安备11010502008721 甲测资字11002074"
77+
"copyright": "版权所有 © 2000-2021 北京超图软件股份有限公司 蜀ICP备16000471号-1"
7878
},
7979
"editor": {
8080
"expand": " 展开",
@@ -451,8 +451,9 @@ window.examplesResources = {
451451
"title_rankSymbolThemeLayer": "符号等级专题图",
452452
"title_snapDrawFeatures": "捕捉图形绘制",
453453
"title_superMapCloudLayer": "超图云地图",
454-
"title_tiandituLayer_ll": "天地图-经纬度",
455-
"title_tiandituLayer_mecartor": "天地图-墨卡托",
454+
"title_tiandituLayer_ll": "天地图-矢量-经纬度",
455+
"title_tiandituLayer_mecartor": "天地图-影像-墨卡托",
456+
"title_tiandituLayer_terrain": "天地图-地形-经纬度",
456457
"title_vectorTiledLayer": "矢量瓦片",
457458
"title_turfClassificationAnalysis": "分类分析",
458459
"title_turfGridAnalysis": "格网分析",

‎examples/openlayers/config.js

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1173,16 +1173,22 @@ var exampleConfig = {
11731173
name: "天地图",
11741174
name_en: "Tianditu",
11751175
content: [{
1176-
name: "天地图-经纬度",
1177-
name_en: "tianditu-ll",
1178-
thumbnail: "ol_tianditu_ll.png",
1179-
fileName: "tiandituLayer_ll"
1180-
}, {
1181-
name: "天地图-墨卡托",
1182-
name_en: "tianditu-mercator",
1176+
name: "天地图-影像-墨卡托",
1177+
name_en: "tianditu-iamge-mercator",
11831178
thumbnail: "ol_tianditu_mercator.png",
11841179
fileName: "tiandituLayer_mecartor"
1185-
}]
1180+
},{
1181+
name: "天地图-矢量-经纬度",
1182+
name_en: "tianditu-vector-wgs84",
1183+
thumbnail: "ol_tianditu_ll.png",
1184+
fileName: "tiandituLayer_vector"
1185+
},{
1186+
name: "天地图-地形-经纬度",
1187+
name_en: "tianditu-terrain-wgs84",
1188+
thumbnail: "ol_tiandituLayer_ll_ter.png",
1189+
fileName: "tiandituLayer_ll"
1190+
}
1191+
]
11861192
},
11871193
"SuperMapCloud": {
11881194
name: "超图云",

‎examples/openlayers/img/ol_tiandituLayer_ll_ter.png

39.1 KB
Loading

‎examples/openlayers/img/ol_tianditu_ll.png

-1.39 KB
Loading

‎examples/openlayers/img/ol_tianditu_mercator.png

10.7 KB
Loading

‎examples/openlayers/tiandituLayer_ll.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<html>
66
<head>
77
<meta charset="UTF-8">
8-
<title data-i18n="resources.title_tiandituLayer_ll"></title>
8+
<title data-i18n="resources.title_tiandituLayer_terrain"></title>
99
<script type="text/javascript" src="../js/include-web.js"></script>
1010
<script type="text/javascript" src="../../dist/ol/include-ol.js"></script>
1111
</head>
@@ -17,8 +17,8 @@
1717
controls: ol.control.defaults({attributionOptions: {collapsed: false}})
1818
.extend([new ol.supermap.control.Logo()]),
1919
view: new ol.View({
20-
center: [116.402, 39.905],
21-
zoom: 5,
20+
center: [0, 0],
21+
zoom: 1,
2222
projection: "EPSG:4326",
2323
multiWorld: true
2424
}),

‎examples/openlayers/tiandituLayer_mecartor.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,15 +28,17 @@
2828
.extend([new ol.supermap.control.Logo()]),
2929
view: new ol.View({
3030
center: [0, 0],
31-
zoom: 3,
31+
zoom: 1,
3232
multiWorld: true
3333
}),
3434
layers: [new ol.layer.Tile({
3535
source: new ol.source.Tianditu({
36+
layerType: 'img',
3637
key: "1d109683f4d84198e37a38c442d68311",
3738
})
3839
}), new ol.layer.Tile({
3940
source: new ol.source.Tianditu({
41+
layerType: 'img',
4042
isLabel: true,
4143
key: "1d109683f4d84198e37a38c442d68311"
4244
})

‎examples/openlayers/tiandituLayer_vector.html

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!DOCTYPE html>
5+
<html>
6+
<head>
7+
<meta charset="UTF-8">
8+
<title data-i18n="resources.title_tiandituLayer_ll"></title>
9+
<script type="text/javascript" src="../js/include-web.js"></script>
10+
<script type="text/javascript" src="../../dist/ol/include-ol.js"></script>
11+
</head>
12+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%; position: absolute;top: 0;">
13+
<div id="map" style="width: 100%;height:100%"></div>
14+
<script type="text/javascript">
15+
var map = new ol.Map({
16+
target: 'map',
17+
controls: ol.control.defaults({attributionOptions: {collapsed: false}})
18+
.extend([new ol.supermap.control.Logo()]),
19+
view: new ol.View({
20+
center: [0,0],
21+
zoom: 1,
22+
projection: "EPSG:4326",
23+
multiWorld: true
24+
}),
25+
26+
layers: [new ol.layer.Tile({
27+
source: new ol.source.Tianditu({
28+
key: "1d109683f4d84198e37a38c442d68311",
29+
projection: "EPSG:4326"
30+
})
31+
}), new ol.layer.Tile({
32+
source: new ol.source.Tianditu({
33+
key: "1d109683f4d84198e37a38c442d68311",
34+
isLabel: true,
35+
projection: "EPSG:4326"
36+
})
37+
})]
38+
});
39+
</script>
40+
</body>
41+
</html>

0 commit comments

Comments
 (0)
0