Skip to content

Commit 58ae549

Browse files
zhangying-zy618zhangying-zy618
committed
【vue-mapboxgl】【vue-ogc】
1 parent 1470d53 commit 58ae549

File tree

3 files changed

+25
-42
lines changed

3 files changed

+25
-42
lines changed

‎website/public/static/demo/vue-mapboxgl/example/vue-ogc/reversebbox.htm‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
6-
<title>Vue-测量</title>
6+
<title>Vue-reversebbox</title>
77
<!--引入第三方的jquery脚本库-->
88
<script include="vue" exclude="plugin" src="./static/libs/include-mapboxgl-local.js"></script>
99
<style type="text/css">
@@ -76,7 +76,6 @@
7676
el: '#app',
7777
data() {
7878
return {
79-
accessToken: 'pk.eyJ1IjoicGFybmRlZWRsaXQiLCJhIjoiY2o1MjBtYTRuMDhpaTMzbXhpdjd3YzhjdCJ9.sCoubaHF9-nhGTA-sgz0sA', // 使用mapbox样式需要的秘钥
8079
mapStyle: {
8180
//设置版本号，一定要设置
8281
version: 8,

‎website/public/static/demo/vue-mapboxgl/example/vue-ogc/wmts-arcgis.htm‎

Lines changed: 23 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
6-
<title>Vue-测量</title>
6+
<title>Vue-arcgis</title>
77
<!--引入第三方的jquery脚本库-->
88
<script include="vue" exclude="plugin" src="./static/libs/include-mapboxgl-local.js"></script>
99
<style type="text/css">
@@ -47,27 +47,28 @@
4747
<div id="app">
4848
<mapgis-web-map
4949
id="map"
50-
v-bind:access-token="accessToken"
5150
v-bind:map-style="mapStyle"
5251
v-bind:zoom="mapZoom"
5352
v-bind:center="outerCenter"
5453
v-bind:crs="mapCrs"
5554
v-on:load="handleMapLoad"
5655
>
57-
<mapgis-igs-tdt-layer
58-
v-bind:layer="layer"
59-
v-bind:layer-id="layerId"
60-
v-bind:source-id="sourceId"
61-
v-bind:baseURL="baseURL"
62-
v-bind:token="token"
63-
>
64-
</mapgis-igs-tdt-layer>
65-
<mapgis-ogc-wmts-layer
56+
<mapgis-ogc-wmts-layer
57+
v-bind:layer-id="layerTdtId"
58+
v-bind:source-id="sourceTdtId"
59+
v-bind:base-url="tdturl"
60+
v-bind:tile-matrix-set="tileMatrixSetTdt"
61+
v-bind:wmts-layer="layer"
62+
v-bind:format="format"
63+
v-bind:token="token">
64+
</mapgis-ogc-wmts-layer>
65+
<mapgis-ogc-wmts-layer
6666
v-bind:wmts-layer="layerWmts"
6767
v-bind:layer-id="layerWmtsId"
6868
v-bind:source-id="sourceWmtsId"
6969
v-bind:base-url="wmtsurl"
7070
v-bind:zoom-offset="offset"
71+
v-bind:tile-matrix-set="tileMatrixSet"
7172
>
7273
</mapgis-ogc-wmts-layer>
7374
</mapgis-web-map>
@@ -77,7 +78,6 @@
7778
el: '#app',
7879
data() {
7980
return {
80-
accessToken: 'pk.eyJ1IjoicGFybmRlZWRsaXQiLCJhIjoiY2o1MjBtYTRuMDhpaTMzbXhpdjd3YzhjdCJ9.sCoubaHF9-nhGTA-sgz0sA', // 使用mapbox样式需要的秘钥
8181
mapStyle: {
8282
//设置版本号，一定要设置
8383
version: 8,
@@ -90,16 +90,20 @@
9090
outerCenter: [116.39, 40.20], // 地图显示中心
9191
mapCrs: 'EPSG:4326',
9292

93-
layerId: 'igsLayer_layerId',
94-
sourceId: 'igsLayer_sourceId',
95-
layer: {}, // 图层配置信息
96-
baseURL: 'http://t2.tianditu.gov.cn/vec_c/wmts', // 请求基地址
97-
token: '2ddaabf906d4b5418aed0078e1657029', // 请求天地图的key值
93+
layerTdtId: 'igsLayer_layerId',
94+
sourceTdtId: 'igsLayer_sourceId',
95+
layerTdt: {}, // 图层配置信息
96+
tdturl: 'http://t0.tianditu.gov.cn/vec_c/wmts',
97+
layer:"vec",
98+
tileMatrixSetTdt:"c",
99+
format:"tiles",
100+
token:"f5347cab4b28410a6e8ba5143e3d5a35",
98101

99-
layerWmts: '0,2,4,6,8,10',
102+
layerWmts: '10wanZH',
100103
layerWmtsId: 'ogcwmts_layerId',
101104
sourceWmtsId: 'ogcwmts_sourceId',
102-
wmtsurl: 'http://219.142.81.85/arcgis/rest/services/10wanZH/MapServer',
105+
wmtsurl: 'http://219.142.81.85/arcgis/rest/services/10wanZH/MapServer/WMTS',
106+
tileMatrixSet:"default",
103107
offset: -1, //这里一定不能去掉
104108
};
105109
},

‎website/public/static/demo/vue-mapboxgl/example/vue-ogc/wmts.htm‎

Lines changed: 1 addition & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
6-
<title>Vue-测量</title>
6+
<title>Vue-wmts</title>
77
<!--引入第三方的jquery脚本库-->
88
<script include="vue" exclude="plugin" src="./static/libs/include-mapboxgl-local.js"></script>
99
<style type="text/css">
@@ -47,22 +47,12 @@
4747
<div id="app">
4848
<mapgis-web-map
4949
id="map"
50-
:access-token="accessToken"
5150
:map-style="mapStyle"
5251
:zoom="mapZoom"
5352
:center="outerCenter"
5453
:crs="mapCrs"
5554
v-on:load="handleMapLoad"
5655
>
57-
<mapgis-ogc-wmts-layer
58-
:layer-id="layerTdtId"
59-
:source-id="sourceTdtId"
60-
:base-url="tdturl"
61-
:tile-matrix-set="tileMatrixSet"
62-
:wmts-layer="layer"
63-
:format="format"
64-
:token="token">
65-
</mapgis-ogc-wmts-layer>
6656
<mapgis-ogc-wmts-layer
6757
:wmts-layer="layerArcGis"
6858
:layer-id="layerWmtsId"
@@ -77,7 +67,6 @@
7767
el: '#app',
7868
data() {
7969
return {
80-
accessToken: 'pk.eyJ1IjoicGFybmRlZWRsaXQiLCJhIjoiY2o1MjBtYTRuMDhpaTMzbXhpdjd3YzhjdCJ9.sCoubaHF9-nhGTA-sgz0sA', // 使用mapbox样式需要的秘钥
8170
mapStyle: {
8271
//设置版本号，一定要设置
8372
version: 8,
@@ -90,15 +79,6 @@
9079
outerCenter: [116.39, 40.2], // 地图显示中心
9180
mapCrs: 'EPSG:3857',
9281

93-
layerTdtId: 'igsLayer_layerId',
94-
sourceTdtId: 'igsLayer_sourceId',
95-
layerTdt: {}, // 图层配置信息
96-
tdturl: 'http://t0.tianditu.gov.cn/vec_w/wmts',
97-
layer:"vec",
98-
tileMatrixSet:"w",
99-
format:"tiles",
100-
token:"f5347cab4b28410a6e8ba5143e3d5a35",
101-
10282
layerWmtsId: 'ogcwmts_layerId',
10383
sourceWmtsId: 'ogcwmts_sourceId',
10484

0 commit comments

Comments
 (0)