From b717153193abaddde13c9ea83e4bd24d70a6a7c4 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 05 Aug 2022 17:52:26 +0800
Subject: [PATCH] 遥感监测更改
---
src/components/splitScreen/index.vue | 296 ++++++++++++++++++
src/components/selectTime/index.vue | 86 ++---
src/components/timeLine/index.vue | 544 ++++++++++++++++++++++++++-------
3 files changed, 748 insertions(+), 178 deletions(-)
diff --git a/src/components/selectTime/index.vue b/src/components/selectTime/index.vue
index 6c12b73..62fb5f0 100644
--- a/src/components/selectTime/index.vue
+++ b/src/components/selectTime/index.vue
@@ -54,6 +54,25 @@
}
},
+ screenInit () {
+ this.currentTitle = this.selectList[0].title
+ this.currentIndex = 0
+
+ if (this.type == 'viewerOne') {
+ this.removeLayers('splitScreenOneLayers')
+ this.addLayers('splitScreenOneLayers', this.selectList[0])
+ } else if (this.type == 'viewerTwo') {
+ this.removeLayers('splitScreenTwoLayers')
+ this.addLayers('splitScreenTwoLayers', this.selectList[0])
+ } else if (this.type == 'viewerThree') {
+ this.removeLayers('splitScreenThreeLayers')
+ this.addLayers('splitScreenThreeLayers', this.selectList[0])
+ } else if (this.type == 'viewerFour') {
+ this.removeLayers('splitScreenFourLayers')
+ this.addLayers('splitScreenFourLayers', this.selectList[0])
+ }
+ },
+
clearLayer () {
if (this.leftOrRight == 'left') {
this.removeLeftAddLayer()
@@ -106,39 +125,17 @@
}
},
- addLayers (variable) {
+ addLayers (variable, params) {
window[variable] = window[this.type].imageryLayers.addImageryProvider(
new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
- url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
- // url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
- layer: 'nanchengdom',
- style: 'default',
- tileMatrixSetID: 'default028mm',
- format: 'image/png',
- tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
- maximumLevel: 19,
- tileMatrixLabels: [
- '0',
- '1',
- '2',
- '3',
- '4',
- '5',
- '6',
- '7',
- '8',
- '9',
- '10',
- '11',
- '12',
- '13',
- '14',
- '15',
- '16',
- '17',
- '18',
- '19'
- ]
+ url: params.url,
+ layer: params.layer,
+ style: params.style,
+ tileMatrixSetID: params.tileMatrixSetID,
+ format: params.format,
+ tilingScheme: params.tilingScheme,
+ maximumLevel: params.maximumLevel,
+ tileMatrixLabels: params.tileMatrixLabels
}), 10
)
},
@@ -170,18 +167,21 @@
this.listFlag = false
} else {
+ this.currentTitle = item.title
+ this.currentIndex = index
+
if (this.type == 'viewerOne') {
this.removeLayers('splitScreenOneLayers')
- this.addLayers('splitScreenOneLayers')
+ this.addLayers('splitScreenOneLayers', item)
} else if (this.type == 'viewerTwo') {
this.removeLayers('splitScreenTwoLayers')
- this.addLayers('splitScreenTwoLayers')
+ this.addLayers('splitScreenTwoLayers', item)
} else if (this.type == 'viewerThree') {
this.removeLayers('splitScreenThreeLayers')
- this.addLayers('splitScreenThreeLayers')
+ this.addLayers('splitScreenThreeLayers', item)
} else if (this.type == 'viewerFour') {
this.removeLayers('splitScreenFourLayers')
- this.addLayers('splitScreenFourLayers')
+ this.addLayers('splitScreenFourLayers', item)
}
this.listFlag = false
@@ -190,21 +190,7 @@
},
destroyed () {
- if (this.type) {
- if (this.type == 'viewerOne') {
- this.removeLayers('splitScreenOneLayers')
- this.addLayers('splitScreenOneLayers')
- } else if (this.type == 'viewerTwo') {
- this.removeLayers('splitScreenTwoLayers')
- this.addLayers('splitScreenTwoLayers')
- } else if (this.type == 'viewerThree') {
- this.removeLayers('splitScreenThreeLayers')
- this.addLayers('splitScreenThreeLayers')
- } else if (this.type == 'viewerFour') {
- this.removeLayers('splitScreenFourLayers')
- this.addLayers('splitScreenFourLayers')
- }
- }
+
}
}
</script>
diff --git a/src/components/splitScreen/index.vue b/src/components/splitScreen/index.vue
index 29d7def..65d1f60 100644
--- a/src/components/splitScreen/index.vue
+++ b/src/components/splitScreen/index.vue
@@ -2,16 +2,36 @@
<template>
<div class="current-wrapper" style="height: 100%; width: 100%; position: relative;">
<div class="map-box" id="viewer-container-one">
- <select-time ref="leftRoller" :type="'viewerOne'" class="time"></select-time>
+ <select-time
+ ref="ViewerOne"
+ :type="'viewerOne'"
+ class="time"
+ :selectList="viewerOneLayers"
+ ></select-time>
</div>
<div class="map-box" id="viewer-container-two">
- <select-time ref="leftRoller" :type="'viewerTwo'" class="time"></select-time>
+ <select-time
+ ref="ViewerTwo"
+ :type="'viewerTwo'"
+ class="time"
+ :selectList="viewerTwoLayers"
+ ></select-time>
</div>
<div class="map-box" id="viewer-container-three">
- <select-time ref="leftRoller" :type="'viewerThree'" class="time"></select-time>
+ <select-time
+ ref="ViewerThree"
+ :type="'viewerThree'"
+ class="time"
+ :selectList="viewerThreeLayers"
+ ></select-time>
</div>
<div class="map-box" id="viewer-container-four">
- <select-time ref="leftRoller" :type="'viewerFour'" class="time"></select-time>
+ <select-time
+ ref="ViewerFour"
+ :type="'viewerFour'"
+ class="time"
+ :selectList="viewerFourLayers"
+ ></select-time>
</div>
<div class="line-row"></div>
@@ -35,13 +55,272 @@
data () {
return {
- rollerCloseShow: false
+ rollerCloseShow: false,
+ viewerOneLayers: [],
+ viewerTwoLayers: [],
+ viewerThreeLayers: [],
+ viewerFourLayers: []
}
},
- computed: {
+ created () {
+ this.viewerOneLayers = [{
+ title: '2022年5月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
+ layer: 'nanchengdom',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ }, {
+ title: '2022年7月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
+ layer: 'nanchengdomjuly',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ }]
+ this.viewerTwoLayers = [{
+ title: '2022年5月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
+ layer: 'nanchengdom',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ }, {
+ title: '2022年7月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
+ layer: 'nanchengdomjuly',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ }]
+
+ this.viewerThreeLayers = [{
+ title: '2022年5月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
+ layer: 'nanchengdom',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ }, {
+ title: '2022年7月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
+ layer: 'nanchengdomjuly',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ }]
+
+ this.viewerFourLayers = [{
+ title: '2022年5月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
+ layer: 'nanchengdom',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ }, {
+ title: '2022年7月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
+ layer: 'nanchengdomjuly',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ }]
},
+
mounted () {
const that = this
@@ -233,6 +512,11 @@
}
global.DC.ready(initViewer)
+
+ this.$refs.ViewerOne.screenInit()
+ this.$refs.ViewerTwo.screenInit()
+ this.$refs.ViewerThree.screenInit()
+ this.$refs.ViewerFour.screenInit()
})
},
methods: {
diff --git a/src/components/timeLine/index.vue b/src/components/timeLine/index.vue
index 3245627..95b45e6 100644
--- a/src/components/timeLine/index.vue
+++ b/src/components/timeLine/index.vue
@@ -3,7 +3,6 @@
<div class="time-box">
<div class="l-btn" @click="moveLeft">
<img src="/img/icon/left.png" />
- <div class="year-box">{{timeLineList[0].timestamp}}</div>
</div>
<div class="time-line-box">
<div class="ul_box">
@@ -19,13 +18,12 @@
<img ref="TimePointer" class="pointer" src="/img/icon/lump.png" style="left: 16px" alt />
<div ref="TextPopup" class="text-popup" style="left: -36px; top: -44px;">
- {{currentObj.info}}
+ {{currentObj.timestamp}}
<div class="arrows"></div>
</div>
</div>
<div class="r-btn" @click="moveRight">
<img src="/img/icon/right.png" />
- <div class="year-box">{{timeLineList[timeLineList.length - 1].timestamp}}</div>
</div>
</div>
</template>
@@ -41,96 +39,420 @@
timeIndex: 2,
timeLineList: [
{
- timestamp: '2012',
- color: '#999',
- fontsize: 18,
- size: '28',
- bgcolor: '#e4e7ed',
- icon: 'el-iconprev',
- year: '2012',
- info: '2012第一季度'
- }, {
- timestamp: '2013年',
- color: '#999',
- fontsize: 18,
- size: '28',
- bgcolor: '#e4e7ed',
- year: '2013',
- info: '2012第二季度'
- }, {
- timestamp: '2014年',
- color: '#999',
- fontsize: 18,
- size: '28',
- bgcolor: '#e4e7ed',
- year: '2014',
- info: '2012第三季度'
- }, {
- timestamp: '2015年',
- color: '#999',
- fontsize: 18,
- year: '2015',
- size: '28',
- bgcolor: '#e4e7ed',
- info: '2012第四季度'
- }, {
- timestamp: '2016年',
- color: '#999',
- fontsize: 18,
- size: '28',
- year: '2016',
- bgcolor: '#e4e7ed',
- info: '2013第一季度'
- }, {
- timestamp: '2017年',
- color: '#999',
- fontsize: 18,
- size: '28',
- bgcolor: '#e4e7ed',
- year: '2017',
- info: '2013第二季度'
- }, {
- timestamp: '2018年',
- color: '#999',
- fontsize: 18,
- size: '28',
- bgcolor: '#e4e7ed',
- year: '2018',
- info: '2013第三季度'
- }, {
- timestamp: '2019年',
- color: '#999',
- fontsize: 18,
- year: '2019',
- bgcolor: '#e4e7ed',
- size: '28',
- info: '2013第四季度'
- }, {
- timestamp: '2019年',
- color: '#999',
- fontsize: 18,
- year: '2019',
- bgcolor: '#e4e7ed',
- size: '28',
- info: '2014第一季度'
- }, {
- timestamp: '2019年',
- color: '#999',
- fontsize: 18,
- year: '2019',
- bgcolor: '#e4e7ed',
- size: '28',
- info: '2014第二季度'
+ timestamp: '2021年9月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
+ layer: 'nanchengdom',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ },
+ {
+ timestamp: '2021年10月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
+ layer: 'nanchengdomjuly',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ },
+ {
+ timestamp: '2021年11月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
+ layer: 'nanchengdom',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ },
+ {
+ timestamp: '2021年12月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
+ layer: 'nanchengdomjuly',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ },
+ {
+ timestamp: '2022年1月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
+ layer: 'nanchengdom',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ },
+ {
+ timestamp: '2022年2月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
+ layer: 'nanchengdomjuly',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ },
+ {
+ timestamp: '2022年3月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
+ layer: 'nanchengdom',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ },
+ {
+ timestamp: '2022年4月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
+ layer: 'nanchengdomjuly',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ },
+ {
+ timestamp: '2022年5月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
+ layer: 'nanchengdom',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ },
+ {
+ timestamp: '2022年6月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
+ layer: 'nanchengdomjuly',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ },
+ {
+ timestamp: '2022年7月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
+ layer: 'nanchengdom',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
+ },
+ {
+ timestamp: '2022年8月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
+ layer: 'nanchengdomjuly',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
}],
currentObj: {
- timestamp: '2012',
- color: '#999',
- fontsize: 18,
- size: '28',
- bgcolor: '#e4e7ed',
- icon: 'el-iconprev',
- year: '2012',
- info: '2012第一季度'
+ timestamp: '2021年9月影像',
+ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
+ layer: 'nanchengdom',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
+ maximumLevel: 19,
+ tileMatrixLabels: [
+ '0',
+ '1',
+ '2',
+ '3',
+ '4',
+ '5',
+ '6',
+ '7',
+ '8',
+ '9',
+ '10',
+ '11',
+ '12',
+ '13',
+ '14',
+ '15',
+ '16',
+ '17',
+ '18',
+ '19'
+ ]
},
currentInd: 0,
leftStart: false,
@@ -182,36 +504,14 @@
currentYxTwo = global.viewer.imageryLayers.addImageryProvider(
new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
- url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
- // url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
- layer: 'nanchengdom',
- style: 'default',
- tileMatrixSetID: 'default028mm',
- format: 'image/png',
- tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
- maximumLevel: 19,
- tileMatrixLabels: [
- '0',
- '1',
- '2',
- '3',
- '4',
- '5',
- '6',
- '7',
- '8',
- '9',
- '10',
- '11',
- '12',
- '13',
- '14',
- '15',
- '16',
- '17',
- '18',
- '19'
- ]
+ url: this.currentObj.url,
+ layer: this.currentObj.layer,
+ style: this.currentObj.style,
+ tileMatrixSetID: this.currentObj.tileMatrixSetID,
+ format: this.currentObj.format,
+ tilingScheme: this.currentObj.tilingScheme,
+ maximumLevel: this.currentObj.maximumLevel,
+ tileMatrixLabels: this.currentObj.tileMatrixLabels
})
)
},
@@ -245,7 +545,6 @@
}
this.addBaseLayer()
- // offsetX
},
changeActive (index) {
this.timeIndex = index
@@ -402,6 +701,7 @@
position: absolute;
width: 120px;
line-height: 36px;
+ text-align: center;
z-index: 1;
background: #fff;
font-size: 12px;
--
Gitblit v1.9.3