From 7d8e4eccb1ada1eea39ea34c68481179fa5b3d42 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Wed, 31 Aug 2022 15:43:46 +0800
Subject: [PATCH] 农场地块添加秧苗
---
src/components/splitScreen/index.vue | 311 ++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 304 insertions(+), 7 deletions(-)
diff --git a/src/components/splitScreen/index.vue b/src/components/splitScreen/index.vue
index 29d7def..017ffd2 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
@@ -86,6 +365,19 @@
}
}
})
+
+ // 去除logo
+ let primitiveArrOne = window.viewerOne.scene.primitives._primitives
+ window.viewerOne.scene.primitives.remove(primitiveArrOne[0])
+
+ let primitiveArrTwo = window.viewerTwo.scene.primitives._primitives
+ window.viewerTwo.scene.primitives.remove(primitiveArrTwo[0])
+
+ let primitiveArrThree = window.viewerThree.scene.primitives._primitives
+ window.viewerThree.scene.primitives.remove(primitiveArrThree[0])
+
+ let primitiveArrFour = window.viewerFour.scene.primitives._primitives
+ window.viewerFour.scene.primitives.remove(primitiveArrFour[0])
if (global.DC.Namespace.Cesium.FeatureDetection.supportsImageRenderingPixelated()) { // 判断是否支持图像渲染像素化处理
window.viewerOne.setOptions({
@@ -167,7 +459,7 @@
// })
// )
- that.initHandler(window.viewerOne, window.viewerTwo, window.viewerThree, window.viewerFour)
+ // that.initHandler(window.viewerOne, window.viewerTwo, window.viewerThree, window.viewerFour)
window.viewerOne.camera.setView({
// Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
@@ -233,6 +525,11 @@
}
global.DC.ready(initViewer)
+
+ this.$refs.ViewerOne.screenInit()
+ this.$refs.ViewerTwo.screenInit()
+ this.$refs.ViewerThree.screenInit()
+ this.$refs.ViewerFour.screenInit()
})
},
methods: {
--
Gitblit v1.9.3