Skip to content

Commit bb7cb2c

Browse files
author
潘卓然 Parn Deedlit
authored
Merge pull request #69 from MapGIS/example
【示例网站】【添加组件示例】
2 parents 81f0fb9 + b7a1960 commit bb7cb2c

File tree

18 files changed

+568
-261
lines changed

18 files changed

+568
-261
lines changed

‎website/public/static/demo/config/config-vue-cesium.json‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,14 @@
4848
"detail": "",
4949
"icon": "tile.png",
5050
"update": "最后更新时间：2020-11-23"
51+
},
52+
{
53+
"name": "矢量图层",
54+
"file": "vector",
55+
"diffcult": "2",
56+
"detail": "",
57+
"icon": "vector.png",
58+
"update": "最后更新时间：2021-06-07"
5159
}
5260
]
5361
},
@@ -136,6 +144,22 @@
136144
"detail": "",
137145
"icon": "state.png",
138146
"update": "最后更新时间：2021-04-11"
147+
},
148+
{
149+
"name": "卷帘组件",
150+
"file": "compare",
151+
"diffcult": "3",
152+
"detail": "",
153+
"icon": "compare.png",
154+
"update": "最后更新时间：2021-06-07"
155+
},
156+
{
157+
"name": "arcgis图例组件",
158+
"file": "legend",
159+
"diffcult": "3",
160+
"detail": "",
161+
"icon": "legend.png",
162+
"update": "最后更新时间：2021-06-07"
139163
}
140164
]
141165
},
@@ -162,6 +186,30 @@
162186
"update": "最后更新时间：2020-11-24"
163187
}
164188
]
189+
},
190+
{
191+
"name": "Vue-分析",
192+
"iconfont": "icon_features",
193+
"folder": "analysis",
194+
"leaffolder": true,
195+
"childs": [
196+
{
197+
"name": "通视分析",
198+
"file": "sightline",
199+
"diffcult": "2",
200+
"detail": "",
201+
"icon": "sightline.png",
202+
"update": "最后更新时间：2021-06-07"
203+
},
204+
{
205+
"name": "可视域分析",
206+
"file": "viewshed",
207+
"diffcult": "2",
208+
"detail": "",
209+
"icon": "viewshed.png",
210+
"update": "最后更新时间：2021-06-07"
211+
}
212+
]
165213
}
166214
]
167215
}

‎website/public/static/demo/config/config-vue-mapboxgl.json‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -298,6 +298,20 @@
298298
"update": "最后更新时间：2021-01-07"
299299
},
300300
{
301+
"name": "鹰眼组件",
302+
"file": "hawkeye",
303+
"diffcult": "1",
304+
"detail": "鹰眼组件",
305+
"icon": "hawkeye.png",
306+
"update": "最后更新时间：2021-06-07"
307+
},
308+
{
309+
"name": "arcgis图例组件",
310+
"file": "legend",
311+
"diffcult": "1",
312+
"detail": "arcgis图例组件",
313+
"icon": "legend.png",
314+
"update": "最后更新时间：2021-06-07"
301315
"name": "表格组件",
302316
"file": "table",
303317
"diffcult": "3",

‎website/public/static/demo/vue-cesium/example/analysis/sightline.htm‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
7+
<title>Vue-通视</title>
8+
<script include="vue,antd" exclude="plugin,cesium" src="./static/libs/include-cesium-local.js"></script>
9+
<style type="text/css">
10+
#app {
11+
height: 100vh;
12+
width: 100vw;
13+
}
14+
</style>
15+
</head>
16+
17+
<body>
18+
<div id="app">
19+
<mapgis-web-scene>
20+
<mapgis-3d-raster-layer :url="url"></mapgis-3d-raster-layer>
21+
<mapgis-3d-igs-m3d :auto-reset="autoReset" :maximum-screen-space-error="maximumScreenSpaceError"
22+
:url="m3dUrl"></mapgis-3d-igs-m3d>
23+
<mapgis-3d-sightline></mapgis-3d-sightline>
24+
</mapgis-web-scene>
25+
</div>
26+
27+
<script>
28+
new Vue({
29+
el: "#app",
30+
data() {
31+
return {
32+
url:
33+
"http://t0.tianditu.com/DataServer?T=vec_w&L={z}&Y={y}&X={x}&tk=9c157e9585486c02edf817d2ecbc7752",
34+
m3dUrl: "http://develop.smaryun.com:6163/igs/rest/g3d/ZondyModels",
35+
autoReset: true,
36+
maximumScreenSpaceError: 8,
37+
};
38+
},
39+
})
40+
</script>
41+
</body>
42+
43+
</html>

‎website/public/static/demo/vue-cesium/example/analysis/viewshed.htm‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
7+
<title>Vue-可视域</title>
8+
<script include="vue,antd" exclude="plugin,cesium" src="./static/libs/include-cesium-local.js"></script>
9+
<style type="text/css">
10+
#app {
11+
height: 100vh;
12+
width: 100vw;
13+
}
14+
</style>
15+
</head>
16+
17+
<body>
18+
<div id="app">
19+
<mapgis-web-scene>
20+
<mapgis-3d-raster-layer :url="url"></mapgis-3d-raster-layer>
21+
<mapgis-3d-igs-m3d :auto-reset="autoReset" :maximum-screen-space-error="maximumScreenSpaceError"
22+
:url="m3dUrl"></mapgis-3d-igs-m3d>
23+
<mapgis-3d-viewshed></mapgis-3d-viewshed>
24+
</mapgis-web-scene>
25+
</div>
26+
27+
<script>
28+
new Vue({
29+
el: "#app",
30+
data() {
31+
return {
32+
url:
33+
"http://t0.tianditu.com/DataServer?T=vec_w&L={z}&Y={y}&X={x}&tk=9c157e9585486c02edf817d2ecbc7752",
34+
m3dUrl: "http://develop.smaryun.com:6163/igs/rest/g3d/ZondyModels",
35+
autoReset: true,
36+
maximumScreenSpaceError: 8,
37+
};
38+
},
39+
})
40+
</script>
41+
</body>
42+
43+
</html>

‎website/public/static/demo/vue-cesium/example/control/compare.htm‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
7+
<title>Vue-卷帘</title>
8+
<script include="vue" exclude="plugin,cesium" src="./static/libs/include-cesium-local.js"></script>
9+
<style type="text/css">
10+
#app {
11+
height: 100vh;
12+
width: 100vw;
13+
}
14+
</style>
15+
</head>
16+
17+
<body>
18+
<div id="app">
19+
<mapgis-web-scene>
20+
<mapgis-3d-arcgis-map-layer :base-url="mapUrl2" :id="mapId2"></mapgis-3d-arcgis-map-layer>
21+
<mapgis-3d-arcgis-tile-layer :base-url="tileUrl" :id="tileId"></mapgis-3d-arcgis-tile-layer>
22+
<mapgis-3d-arcgis-map-layer :base-url="mapUrl1" :id="mapId1"></mapgis-3d-arcgis-map-layer>
23+
<mapgis-3d-compare :before-layers="beforeLayers" :after-layers="afterLayers">
24+
</mapgis-3d-compare>
25+
</mapgis-web-scene>
26+
</div>
27+
28+
<script>
29+
new Vue({
30+
el: "#app",
31+
data() {
32+
return {
33+
tileUrl:
34+
"http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer",
35+
tileId: "tile-layer",
36+
mapUrl1:
37+
"http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer",
38+
mapId1: "map1-layer",
39+
mapUrl2: "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetGray/MapServer",
40+
mapId2: "map2-layer",
41+
beforeLayers: ["tile-layer"],
42+
afterLayers: ["map1-layer"]
43+
}
44+
}
45+
})
46+
</script>
47+
</body>
48+
49+
</html>

‎website/public/static/demo/vue-cesium/example/control/legend.htm‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE html>
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
7+
<title>Vue-arcgis图例</title>
8+
<script include="vue,antd" exclude="plugin,cesium" src="./static/libs/include-cesium-local.js"></script>
9+
<style type="text/css">
10+
#app {
11+
height: 100vh;
12+
width: 100vw;
13+
}
14+
</style>
15+
</head>
16+
17+
<body>
18+
<div id="app">
19+
<mapgis-web-scene>
20+
<mapgis-3d-arcgis-tile-layer
21+
base-url="http://219.142.81.85/arcgis/rest/services/10wanZH/MapServer">
22+
</mapgis-3d-arcgis-tile-layer>
23+
<mapgis-3d-arcgis-legend></mapgis-3d-arcgis-legend>
24+
</mapgis-web-scene>
25+
</div>
26+
27+
<script>
28+
new Vue({
29+
el: "#app"
30+
})
31+
</script>
32+
</body>
33+
34+
</html>

‎website/public/static/demo/vue-cesium/example/igserver/vector.htm‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
7+
<title>Vue-矢量图层</title>
8+
<script include="vue" exclude="plugin,cesium" src="./static/libs/include-cesium-local.js"></script>
9+
<style type="text/css">
10+
#app {
11+
height: 100vh;
12+
width: 100vw;
13+
}
14+
</style>
15+
</head>
16+
17+
<body>
18+
<div id="app">
19+
<mapgis-web-scene>
20+
<mapgis-3d-igs-vector-layer :gdbps="gdbps" :base-url="baseUrl"></mapgis-3d-igs-vector-layer>
21+
</mapgis-web-scene>
22+
</div>
23+
24+
<script>
25+
new Vue({
26+
el: "#app",
27+
data() {
28+
return {
29+
gdbps: ["GDBP://MapGISLocalPlus/北京市/ds/行政区/sfcls/北京市"],
30+
baseUrl: "http://develop.smaryun.com:6163/igs/rest/mrms/layers"
31+
};
32+
},
33+
})
34+
</script>
35+
</body>
36+
37+
</html>

‎website/public/static/demo/vue-cesium/gallery/analysis/sightline.png‎

103 KB
Loading

‎website/public/static/demo/vue-cesium/gallery/analysis/viewshed.png‎

99.9 KB
Loading

‎website/public/static/demo/vue-cesium/gallery/control/compare.png‎

91.9 KB
Loading

0 commit comments

Comments
 (0)