Skip to content

Commit 0e3aae2

Browse files
author
潘卓然ParnDeedlit
committed
【站点】【更新】【更新10.5.4vue-cesium组件示例】
1 parent eb8f574 commit 0e3aae2

File tree

15 files changed

+56
-61
lines changed

15 files changed

+56
-61
lines changed

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@mapgis/webclient",
3-
"version": "10.5.3",
3+
"version": "10.5.4",
44
"description": "",
55
"main": "index.js",
66
"scripts": {

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

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -35,31 +35,30 @@
3535
<body>
3636
<div id="app">
3737
<mapgis-web-scene
38-
v-bind:ref="websceneref"
39-
v-bind:animation="false"
40-
v-bind:timeline="false"
38+
:animation="false"
39+
:timeline="false"
4140
v-on:load="handleLoad"
4241
lib-path="./static/libs/cdn/cesium/Cesium.js"
4342
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
4443
>
45-
<mapgis-3d-raster-layer v-bind:url="url"> </mapgis-3d-raster-layer>
46-
<mapgis-3d-draw ref="drawref" v-on:load="handleDrawLoad" v-on:drawcreate="handleCreate">
44+
<mapgis-3d-draw ref="drawref" :vue-key="vueKey" v-on:load="handleDrawLoad" v-on:drawcreate="handleCreate">
4745
<div id="toolbar-wrapper">
4846
<div class="toolbar-item" v-on:click="togglePoint">画点</div>
4947
<div class="toolbar-item" v-on:click="togglePolyline">画线</div>
5048
<div class="toolbar-item" v-on:click="togglePolygon">画区</div>
5149
<div class="toolbar-item" v-on:click="toggleDelete">删除</div>
5250
</div>
5351
</mapgis-3d-draw>
52+
<mapgis-3d-raster-layer :base-url="baseUrl"></mapgis-3d-raster-layer>
5453
</mapgis-web-globe>
5554
</div>
5655
<script>
5756
new Vue({
5857
el: '#app',
5958
data() {
6059
return {
61-
websceneref: 'websceneref' + Math.random(),
62-
url: 'https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}'
60+
vueKey: 'draw',
61+
baseUrl: 'http://t6.tianditu.com/img_w/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={z}&layer=img&style=default&tilerow={y}&tilecol={x}&tilematrixset=w&format=tiles&tk=f5347cab4b28410a6e8ba5143e3d5a35',
6362
};
6463
},
6564
mounted() {

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

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
lib-path="./static/libs/cdn/cesium/Cesium.js"
5656
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
5757
>
58-
<mapgis-3d-raster-layer :url="url1"> </mapgis-3d-raster-layer>
58+
<mapgis-3d-raster-layer :base-url="url1"> </mapgis-3d-raster-layer>
5959
<mapgis-3d-link :enable="link"></mapgis-3d-link>
6060
</mapgis-web-scene>
6161
</div>
@@ -64,7 +64,7 @@
6464
lib-path="./static/libs/cdn/cesium/Cesium.js"
6565
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
6666
>
67-
<mapgis-3d-raster-layer :url="url2"> </mapgis-3d-raster-layer>
67+
<mapgis-3d-raster-layer :base-url="url2"> </mapgis-3d-raster-layer>
6868
<mapgis-3d-link :enable="link"></mapgis-3d-link>
6969
</mapgis-web-scene>
7070
</div>
@@ -73,15 +73,15 @@
7373
lib-path="./static/libs/cdn/cesium/Cesium.js"
7474
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
7575
>
76-
<mapgis-3d-raster-layer :url="url3"> </mapgis-3d-raster-layer>
76+
<mapgis-3d-raster-layer :base-url="url3"> </mapgis-3d-raster-layer>
7777
</mapgis-web-scene>
7878
</div>
7979
<div class="item bottom-right">
8080
<mapgis-web-scene
8181
lib-path="./static/libs/cdn/cesium/Cesium.js"
8282
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
8383
>
84-
<mapgis-3d-raster-layer :url="url4"> </mapgis-3d-raster-layer>
84+
<mapgis-3d-raster-layer :base-url="url4"> </mapgis-3d-raster-layer>
8585
</mapgis-web-scene>
8686
</div>
8787
<div :class="{'control': true, active: link}" v-on:click="changeMode"></div>

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="utf-8" />
55
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
66
<title>Vue-Popup</title>
7-
<script include="vue" exclude="plugin,cesium" src="./static/libs/include-cesium-local.js"></script>
7+
<script include="vue" src="./static/libs/include-cesium-local.js"></script>
88
<style type="text/css">
99
#app {
1010
height: 100vh;
@@ -57,7 +57,7 @@
5757
lib-path="./static/libs/cdn/cesium/Cesium.js"
5858
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
5959
>
60-
<mapgis-3d-arcgis-tile-layer :base-url="baseUrl" />
60+
<mapgis-3d-raster-layer :base-url="baseUrl"></mapgis-3d-raster-layer>
6161
<mapgis-3d-popup :position="position" v-on:load="bindEvent">
6262
<div>
6363
Vue槽-实现任何自定义样式
@@ -71,16 +71,16 @@
7171
el: '#app',
7272
data() {
7373
return {
74-
baseUrl: 'https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer',
74+
baseUrl:
75+
'http://t6.tianditu.com/img_w/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={z}&layer=img&style=default&tilerow={y}&tilecol={x}&tilematrixset=w&format=tiles&tk=f5347cab4b28410a6e8ba5143e3d5a35',
7576
position: {
7677
longitude: 110,
7778
latitude: 30,
7879
height: 300
7980
}
8081
};
8182
},
82-
mounted() {
83-
},
83+
mounted() {},
8484
methods: {
8585
handleLoad(e) {
8686
console.log('地图加初始化完毕！', e);

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

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="utf-8" />
55
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
66
<title>Vue-Popup</title>
7-
<script include="vue" exclude="plugin,cesium" src="./static/libs/include-cesium-local.js"></script>
7+
<script include="vue" src="./static/libs/include-cesium-local.js"></script>
88
<style type="text/css">
99
#app {
1010
height: 100vh;
@@ -16,24 +16,23 @@
1616
<body>
1717
<div id="app">
1818
<mapgis-web-scene
19-
:ref="websceneref"
2019
:animation="false"
2120
:timeline="false"
2221
v-on:load="handleLoad"
2322
lib-path="./static/libs/cdn/cesium/Cesium.js"
2423
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
2524
>
26-
<mapgis-3d-raster-layer :url="url" />
27-
<mapgis-3d-statebar />
25+
<mapgis-3d-raster-layer :base-url="baseUrl"></mapgis-3d-raster-layer>
26+
<mapgis-3d-statebar> </mapgis-3d-statebar>
2827
</mapgis-web-scene>
2928
</div>
3029
<script>
3130
new Vue({
3231
el: '#app',
3332
data() {
3433
return {
35-
websceneref: 'websceneref' + Math.random(),
36-
url: 'https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}',
34+
vueKey: 'state',
35+
baseUrl: 'http://t6.tianditu.com/img_w/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={z}&layer=img&style=default&tilerow={y}&tilecol={x}&tilematrixset=w&format=tiles&tk=f5347cab4b28410a6e8ba5143e3d5a35',
3736
};
3837
},
3938
mounted() {
@@ -42,7 +41,7 @@
4241
methods: {
4342
handleLoad(e) {
4443
console.log('地图加初始化完毕！', e);
45-
},
44+
}
4645
}
4746
});
4847
</script>

‎website/public/static/demo/vue-cesium/example/model/igsm3d.htm‎

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -16,31 +16,33 @@
1616
<body>
1717
<div id="app">
1818
<mapgis-web-scene
19-
v-bind:ref="webgloberef"
20-
v-bind:animation="false"
21-
v-bind:timeline="false"
19+
:animation="false"
20+
:timeline="false"
2221
v-on:load="handleLoad"
2322
lib-path="./static/libs/cdn/cesium/Cesium.js"
2423
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
2524
>
26-
<mapgis-3d-igs-m3d v-bind:url="url"> </mapgis-3d-igs-m3d>
27-
<mapgis-3d-ogc-wmts-layer v-bind:url="tiandidu" v-bind:options="tiandiduoptions"></mapgis-3d-ogc-wmts-layer>
25+
<mapgis-3d-igs-m3d :url="url"> </mapgis-3d-igs-m3d>
26+
<mapgis-3d-rastertile-layer
27+
:id="rastertile.id"
28+
:base-url="rastertile.baseUrl"
29+
:layer-style="rastertile.layerStyle"
30+
></mapgis-3d-rastertile-layer>
2831
</mapgis-web-scene>
2932
</div>
3033
<script>
3134
new Vue({
3235
el: '#app',
3336
data() {
3437
return {
35-
webgloberef: 'webgloberef' + Math.random(),
3638
url: 'http://develop.smaryun.com:6163/igs/rest/g3d/ZondyModels',
37-
tiandidu:
38-
'http://t0.tianditu.com/DataServer?T=vec_c' +
39-
'&L={TileMatrix}&Y={TileRow}&X={TileCol}' +
40-
'&tk=9c157e9585486c02edf817d2ecbc7752',
41-
tiandiduoptions: {
42-
tilingScheme: 'EPSG:4490',
43-
tileMatrixLabels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18']
39+
rastertile: {
40+
id: 'rastertile',
41+
baseUrl:
42+
'http://t6.tianditu.com/img_w/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={z}&layer=img&style=default&tilerow={y}&tilecol={x}&tilematrixset=w&format=tiles&tk=f5347cab4b28410a6e8ba5143e3d5a35',
43+
layerStyle: {
44+
zIndex: 2
45+
}
4446
}
4547
};
4648
},

‎website/public/static/demo/vue-cesium/example/model/tileset.htm‎

Lines changed: 6 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -16,32 +16,24 @@
1616
<body>
1717
<div id="app">
1818
<mapgis-web-scene
19-
v-bind:ref="webgloberef"
20-
v-bind:animation="false"
21-
v-bind:timeline="false"
19+
:animation="false"
20+
:timeline="false"
2221
v-on:load="handleLoad"
2322
lib-path="./static/libs/cdn/cesium/Cesium.js"
2423
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
2524
>
26-
<mapgis-3d-tileset v-bind:url="url"> </mapgis-3d-tileset>
27-
<mapgis-3d-ogc-wmts-layer v-bind:url="tiandidu" v-bind:options="tiandiduoptions"></mapgis-3d-ogc-wmts-layer>
25+
<mapgis-3d-tileset :url="url"> </mapgis-3d-tileset>
26+
<mapgis-3d-rastertile-layer :base-url="rasterUrl"></mapgis-3d-rastertile-layer>
2827
</mapgis-web-scene>
2928
</div>
3029
<script>
3130
new Vue({
3231
el: '#app',
3332
data() {
3433
return {
35-
webgloberef: 'webgloberef' + Math.random(),
3634
url: './static/data/3DTile/Tileset/tileset.json',
37-
tiandidu:
38-
'http://t0.tianditu.com/DataServer?T=vec_c' +
39-
'&L={TileMatrix}&Y={TileRow}&X={TileCol}' +
40-
'&tk=9c157e9585486c02edf817d2ecbc7752',
41-
tiandiduoptions: {
42-
tilingScheme: 'EPSG:4490',
43-
tileMatrixLabels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']
44-
}
35+
rasterUrl:
36+
'http://t6.tianditu.com/img_w/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={z}&layer=img&style=default&tilerow={y}&tilecol={x}&tilematrixset=w&format=tiles&tk=f5347cab4b28410a6e8ba5143e3d5a35'
4537
};
4638
},
4739
methods: {

‎website/public/static/demo/vue-cesium/example/raster/dem.htm‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,9 @@
2222
lib-path="./static/libs/cdn/cesium/Cesium.js"
2323
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
2424
>
25-
<cesium-terrain-provider :url="demUrl" :v-if="showDem" />
26-
<mapgis-3d-ogc-wmts-layer :base-url="baseUrl" :wmts-layer="wmtsLayer" :srs="srs" :tile-matrix-set="tileMatrixSet" />
25+
<cesium-terrain-provider :url="demUrl" :v-if="showDem"></cesium-terrain-provider>
26+
<mapgis-3d-ogc-wmts-layer :base-url="baseUrl" :wmts-layer="wmtsLayer" :srs="srs" :tile-matrix-set="tileMatrixSet">
27+
</mapgis-3d-ogc-wmts-layer>
2728
</mapgis-web-scene>
2829
</div>
2930
<script>

‎website/public/static/demo/vue-cesium/example/raster/document.htm‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
lib-path="./static/libs/cdn/cesium/Cesium.js"
2323
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
2424
>
25-
<mapgis-3d-igs-doc-layer :base-url="baseUrl" />
25+
<mapgis-3d-igs-doc-layer :base-url="baseUrl"></mapgis-3d-igs-doc-layer>
2626
</mapgis-web-scene>
2727
</div>
2828
<script>

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

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,15 +22,16 @@
2222
lib-path="./static/libs/cdn/cesium/Cesium.js"
2323
plugin-path="./static/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
2424
>
25-
<mapgis-3d-rastertile-layer :base-url="baseUrl" />
25+
<mapgis-3d-rastertile-layer :base-url="baseUrl"></mapgis-3d-rastertile-layer>
2626
</mapgis-web-scene>
2727
</div>
2828
<script>
2929
new Vue({
3030
el: '#app',
3131
data() {
3232
return {
33-
baseUrl: 'http://t6.tianditu.com/img_w/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={z}&layer=img&style=default&tilerow={y}&tilecol={x}&tilematrixset=w&format=tiles&tk=f5347cab4b28410a6e8ba5143e3d5a35'
33+
baseUrl:
34+
'http://t6.tianditu.com/img_w/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={z}&layer=img&style=default&tilerow={y}&tilecol={x}&tilematrixset=w&format=tiles&tk=f5347cab4b28410a6e8ba5143e3d5a35'
3435
};
3536
},
3637
methods: {

0 commit comments

Comments
 (0)