diff --git a/src/router/index.js b/src/router/index.js
index 4935f4a..e247d73 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -42,8 +42,12 @@
},
// 登录页面
{ path: '/login', component: () => import('@/views/login/index_2'), hidden: true },
- // 3d地图
+ // 3d地图-赣州
{ path: '/3doverview', component: () => import('@/views/overview/overview3d'), hidden: true },
+ // 章丘地图页
+ { path: '/3doverviewzq', component: () => import('@/views/overview/overview3dzq'), hidden: true },
+ // 章丘首页
+ { path: '/zqindex', component: () => import('@/views/zhangqiu/zqindex'), hidden: true },
// 404错误页面
{ path: '/404', component: () => import('@/views/errorPage/404'), hidden: true },
// 401 错误页面
diff --git a/src/router/index.js b/src/router/index.js
index 4935f4a..e247d73 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -42,8 +42,12 @@
},
// 登录页面
{ path: '/login', component: () => import('@/views/login/index_2'), hidden: true },
- // 3d地图
+ // 3d地图-赣州
{ path: '/3doverview', component: () => import('@/views/overview/overview3d'), hidden: true },
+ // 章丘地图页
+ { path: '/3doverviewzq', component: () => import('@/views/overview/overview3dzq'), hidden: true },
+ // 章丘首页
+ { path: '/zqindex', component: () => import('@/views/zhangqiu/zqindex'), hidden: true },
// 404错误页面
{ path: '/404', component: () => import('@/views/errorPage/404'), hidden: true },
// 401 错误页面
diff --git a/src/views/overview/overview3dzq.vue b/src/views/overview/overview3dzq.vue
index 4426ba1..5127d49 100644
--- a/src/views/overview/overview3dzq.vue
+++ b/src/views/overview/overview3dzq.vue
@@ -35,7 +35,7 @@
import PopupDataFilter from '@/views/overview/components/popupDataFilter'
import PopupLocation from '@/views/overview/components/popupLocation'
import MapSearchComp from '@/views/overview/components/mapSearchComp'
-
+import { RSAencrypt } from '@/utils/security'
import axios from 'axios'
// import 'cesium/Source/Widgets/widgets.css'// 导入必须的样式表
// import 'cesium/Source/Cesium'// 导入必须的样式表
@@ -44,17 +44,17 @@
import 'mars3d/dist/mars3d.css'
import 'mars3d/dist/mars3d.js'
import * as mars3d from 'mars3d'
-import { RSAencrypt } from '@/utils/security'
let underground = null
-const layer2021 = null
+let layer2021 = null
+let layer2020 = null
let rqline_layer = null
let rqpoint_layer = null
let rqpoint3D_layer = null
let queryLineserver = null
let queryPointserver = null
export default {
- name: 'Overview3D',
+ name: 'Overview3dzq',
components: { MapSearchComp, PopupLocation, PopupDataFilter, ToolBox, AlarmList, AMapMarker, AMapContainer, DeptSelect },
data() {
return {
@@ -79,7 +79,7 @@
searchResultOffset: [-12, -30],
searchResultIcon: require('@/assets/overview/pure-position-icon.png'), // 报警图标
showAlarm: true, // 是否显示报警
- alpha: 100,
+ alpha: 80,
toolShow: false, // 工具栏是否显示
menus: {
menuList: [
@@ -116,7 +116,6 @@
tempMarker: null,
showClearBtn: false, // 是否显示清除查询按钮
bloomEffect: null,
- kaptcha: '',
loadToken: false
}
},
@@ -128,7 +127,9 @@
},
watch: {
alpha(val) {
- window.map.basemap.opacity = val / 100
+ window.viewer.imageryLayers._layers.forEach(layer => {
+ layer.alpha = val / 100 // 我们可以设置为0
+ })
underground.alpha = val / 100
if (val <= 90 && window.map.level >= 19) {
rqline_layer.show = false
@@ -166,7 +167,7 @@
},
beforeCreate: function() { // 从后台获取系统配置,根据配置判断是否加载验证码控件
this.$store.dispatch('GetConfig').then(() => {
- // this.$message.success('连接服务器成功')
+ this.$message.success('连接服务器成功')
this.handleLogin()
}).catch((e) => {
// this.$message.error('连接服务器失败')
@@ -178,7 +179,7 @@
const loginForm = {
sid: this.$store.getters.sid,
username: 'admin',
- password: RSAencrypt('111111')
+ password: RSAencrypt('1q2W3E4R')
}
this.$store.dispatch('Login', loginForm).then(() => {
// this.$message.success('登录成功')
@@ -204,6 +205,7 @@
tileMatrixLabels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21']
})
var layer = window.viewer.imageryLayers.addImageryProvider(layerProvider)
+ layer.alpha = this.alpha / 100
// window.viewer.zoomTo(layer)
return layer
},
@@ -256,63 +258,85 @@
{ name: '注记', type: 'tdt', layer: 'ter_z', key: ['216ee92889e17ab1b083fae665d522b8'] },
{ name: '注记', type: 'tdt', layer: 'img_z', key: ['216ee92889e17ab1b083fae665d522b8'] }
]
- },
- {
- 'id': 1112,
- 'pid': 10,
- 'name': '天地图电子',
- 'icon': 'http://mars3d.cn/example/img/basemaps/tdt_vec.png',
- 'type': 'group',
- 'layers': [
- { 'name': '底图', 'type': 'tdt', 'layer': 'vec_d', 'key': ['216ee92889e17ab1b083fae665d522b8'] },
- { 'name': '注记', 'type': 'tdt', 'layer': 'vec_z', 'key': ['216ee92889e17ab1b083fae665d522b8'] }
- ]
- },
- {
- 'id': 1113,
- 'pid': 10,
- 'name': '天地图影像',
- 'icon': 'http://mars3d.cn/example/img/basemaps/tdt_img.png',
- 'type': 'tdt',
- 'layer': 'img_d',
- 'key': ['216ee92889e17ab1b083fae665d522b8'],
- 'show': true
}
+ // {
+ // 'id': 1112,
+ // 'pid': 10,
+ // 'name': '天地图电子',
+ // 'icon': 'http://mars3d.cn/example/img/basemaps/tdt_vec.png',
+ // 'type': 'group',
+ // 'layers': [
+ // { 'name': '底图', 'type': 'tdt', 'layer': 'vec_d', 'key': ['216ee92889e17ab1b083fae665d522b8'] },
+ // { 'name': '注记', 'type': 'tdt', 'layer': 'vec_z', 'key': ['216ee92889e17ab1b083fae665d522b8'] }
+ // ]
+ // },
+ // {
+ // 'id': 1113,
+ // 'pid': 10,
+ // 'name': '天地图影像',
+ // 'icon': 'http://mars3d.cn/example/img/basemaps/tdt_img.png',
+ // 'type': 'tdt',
+ // 'layer': 'img_d',
+ // 'key': ['216ee92889e17ab1b083fae665d522b8'],
+ // 'show': true
+ // }
]
}
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI0N2E2M2ZmYi1iMDhjLTQwN2QtODZmOC0zNDZjNTMxYjgyNWEiLCJpZCI6MzY5MDMsImlhdCI6MTYwNzMzMTE2Nn0.5xsFCB0dxpcNGUkJOEpsVhUW9bf66XZIwV3hkZl09UI'
// 创建viewer实例
- // window.viewer = new Cesium.Viewer('mars3dContainer',
- // {
- // geocoder: false, // 是否显示地名查找控件
- // infoBox: false,
- // animation: false, // 是否显示动画控件(左下方那个)
- // timeline: false, // 是否显示时间线控件
- // shadows: false, // 阴影是否被太阳投射
- // showldAnimate: true, // 让场景中的动画自动播放
- // sceneModePicker: false, // 是否显示投影方式控件
- // fullscreenButton: false, // 全屏按钮不显示
- // homeButton: false,
- // navigationHelpButton: false, // 帮助按钮
- // baseLayerPicker: false,
- // imageryProvider: new Cesium.TileMapServiceImageryProvider({
- // url: Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII')
- // })
- // })
+ window.viewer = new Cesium.Viewer('mars3dContainer', {
+ geocoder: false, // 是否显示地名查找控件
+ infoBox: false,
+ animation: false, // 是否显示动画控件(左下方那个)
+ timeline: false, // 是否显示时间线控件
+ shadows: false, // 阴影是否被太阳投射
+ showldAnimate: true, // 让场景中的动画自动播放
+ sceneModePicker: false, // 是否显示投影方式控件
+ fullscreenButton: false, // 全屏按钮不显示
+ homeButton: false,
+ navigationHelpButton: false, // 帮助按钮
+ baseLayerPicker: false,
+ imageryProvider: new Cesium.TileMapServiceImageryProvider({
+ url: Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII')
+ })
+ })
// window.viewer.imageryLayers._layers[0].show = false
// window.viewer.scene.globe.baseColor = Cesium.Color.WHITE;
- // window.viewer._cesiumWidget._creditContainer.style.display = 'none' // 去除版权信息
+ window.viewer._cesiumWidget._creditContainer.style.display = 'none' // 去除版权信息
// mars3d.Map也可以直接传入外部已经构造好的viewer, 支持config.json所有参数
- const map = new mars3d.Map('mars3dContainer', mapOptions)
+ const map = new mars3d.Map(window.viewer, mapOptions)
- // const imgLayer = window.viewer.imageryLayers.addImageryProvider(layer)
+ const url2021 = 'http://172.20.90.108:8081/geoesb/proxy/5a44607b2e814658b463b76f9675bd3e/9bf164775ad94a18a5324f0eb681deea'
+ const url2020 = 'http://172.20.90.108:8081/geoesb/proxy/4fb75f7491c94356a9dd58a44d0dc57b/9bf164775ad94a18a5324f0eb681deea'
- // const map = new mars3d.Map('mars3dContainer', mapOptions)
- map.basemap = 1113
- // const url2021 = 'http://172.20.90.108:8081/geoesb/proxy/5a44607b2e814658b463b76f9675bd3e/9bf164775ad94a18a5324f0eb681deea'
- // const url2020 = 'http://172.20.90.108:8081/geoesb/proxy/4fb75f7491c94356a9dd58a44d0dc57b/9bf164775ad94a18a5324f0eb681deea'
- //
+ var layerProvider = new Cesium.WebMapTileServiceImageryProvider({
+ url: url2021 + '/Layers/default/Custom_Layers/{TileMatrix}/{TileRow}/{TileCol}.png',
+ layer: 'wzmap_map',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new Cesium.GeographicTilingScheme(),
+ tileMatrixLabels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21']
+ })
+ layer2021 = window.viewer.imageryLayers.addImageryProvider(layerProvider)
+ layer2021.alpha = this.alpha / 100
+
+ layerProvider = new Cesium.WebMapTileServiceImageryProvider({
+ url: url2020 + '?service=WMTS&request=GetTile&version=1.0.0&layer=JN2020DOM_05M&style=default&format=image/png&TileMatrixSet=CustomCRS4490ScaleJN2020DOM_05M&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}',
+ layer: 'wzmap_map',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new Cesium.GeographicTilingScheme(),
+ tileMatrixLabels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21']
+ })
+ layer2020 = window.viewer.imageryLayers.addImageryProvider(layerProvider)
+ layer2020.alpha = this.alpha / 100
+
+ layer2021.show = false
+
// layer2021 = this.SuperMap3DImageryProvider(url2021)
+ // layer2020 = this.SuperMap3DImageryProvider(url2020)
// map.scene.screenSpaceCameraController.enableCollisionDetection = false
// 设置鼠标
map.scene.screenSpaceCameraController.tiltEventTypes = [Cesium.CameraEventType.RIGHT_DRAG]
@@ -327,7 +351,7 @@
// enabled: true
// })
// map.addEffect(this.bloomEffect)
- window.map.basemap.opacity = this.alpha / 100
+ // window.map.basemap.opacity = this.alpha / 100
// 崩溃后刷新
map.on(mars3d.EventType.renderError, function(event) {
window.location.reload()
@@ -508,17 +532,22 @@
changeBaseMap(type) {
this.baseLayer = type
if (type === 'gaode_vec') {
- window.map.basemap = 1112
+ layer2021.show = true
+ layer2020.show = false
+ window.viewer.imageryLayers.raiseToTop(layer2021)
+ // window.map.basemap = 1112
// if (this.bloomEffect !== null) {
// this.bloomEffect.enabled = false
// }
} else {
- window.map.basemap = 1113
+ layer2021.show = false
+ layer2020.show = true
+ window.viewer.imageryLayers.raiseToTop(layer2020)
+ // window.map.basemap = 1113
// if (this.bloomEffect !== null) {
// this.bloomEffect.enabled = true
// }
}
- window.viewer.imageryLayers.raiseToTop(layer2021)
},
// 倒计时函数
countDown() {
@@ -752,7 +781,6 @@
// 获取当前报警列表
this.alarmListOri = response.data // 列表原始
this.alarmList = response.data // 要显示的报警列表
- this.alarmList = [{}, {}]
this.alarmWells = [] // 报警的井列表
for (const alarm of response.data) {
if (this.alarmWells.findIndex(item => item.wellCode === alarm.wellCode) == -1) {
@@ -947,6 +975,46 @@
margin-bottom: 0px;
}
}
+// 刷新框
+.function-div{
+ position: absolute;
+ right: 10px;
+ top: 7px;
+ z-index: 1100;
+ padding: 10px;
+ color: #ce8b74;
+ font-size: 14px;
+ /*background-color: rgba(244, 233, 230, 1.0);*/
+ .font-red{
+ color: red;
+ font-weight: bold;
+ }
+ .el-icon-refresh:hover{
+ color: red;
+ font-weight: bold;
+ cursor: pointer;
+ }
+}
+// 刷新框
+.refresh-div{
+ position: absolute;
+ right: 10px;
+ top: 7px;
+ z-index: 100;
+ padding: 10px;
+ color: #ce8b74;
+ font-size: 14px;
+ background-color: rgba(244, 233, 230, 1.0);
+ .font-red{
+ color: red;
+ font-weight: bold;
+ }
+ .el-icon-refresh:hover{
+ color: red;
+ font-weight: bold;
+ cursor: pointer;
+ }
+}
// 地图
.overview-map-container{
width: 100%;
@@ -976,11 +1044,11 @@
}
.cover{
position: absolute;
- bottom: 3px;
+ bottom: 0px;
left: 0px;
/*background-color: red;*/
- background-color: #000000;
+ background-color: #1a2126;
width: 100px;
- height: 25px;
+ height: 30px;
}
diff --git a/src/router/index.js b/src/router/index.js
index 4935f4a..e247d73 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -42,8 +42,12 @@
},
// 登录页面
{ path: '/login', component: () => import('@/views/login/index_2'), hidden: true },
- // 3d地图
+ // 3d地图-赣州
{ path: '/3doverview', component: () => import('@/views/overview/overview3d'), hidden: true },
+ // 章丘地图页
+ { path: '/3doverviewzq', component: () => import('@/views/overview/overview3dzq'), hidden: true },
+ // 章丘首页
+ { path: '/zqindex', component: () => import('@/views/zhangqiu/zqindex'), hidden: true },
// 404错误页面
{ path: '/404', component: () => import('@/views/errorPage/404'), hidden: true },
// 401 错误页面
diff --git a/src/views/overview/overview3dzq.vue b/src/views/overview/overview3dzq.vue
index 4426ba1..5127d49 100644
--- a/src/views/overview/overview3dzq.vue
+++ b/src/views/overview/overview3dzq.vue
@@ -35,7 +35,7 @@
import PopupDataFilter from '@/views/overview/components/popupDataFilter'
import PopupLocation from '@/views/overview/components/popupLocation'
import MapSearchComp from '@/views/overview/components/mapSearchComp'
-
+import { RSAencrypt } from '@/utils/security'
import axios from 'axios'
// import 'cesium/Source/Widgets/widgets.css'// 导入必须的样式表
// import 'cesium/Source/Cesium'// 导入必须的样式表
@@ -44,17 +44,17 @@
import 'mars3d/dist/mars3d.css'
import 'mars3d/dist/mars3d.js'
import * as mars3d from 'mars3d'
-import { RSAencrypt } from '@/utils/security'
let underground = null
-const layer2021 = null
+let layer2021 = null
+let layer2020 = null
let rqline_layer = null
let rqpoint_layer = null
let rqpoint3D_layer = null
let queryLineserver = null
let queryPointserver = null
export default {
- name: 'Overview3D',
+ name: 'Overview3dzq',
components: { MapSearchComp, PopupLocation, PopupDataFilter, ToolBox, AlarmList, AMapMarker, AMapContainer, DeptSelect },
data() {
return {
@@ -79,7 +79,7 @@
searchResultOffset: [-12, -30],
searchResultIcon: require('@/assets/overview/pure-position-icon.png'), // 报警图标
showAlarm: true, // 是否显示报警
- alpha: 100,
+ alpha: 80,
toolShow: false, // 工具栏是否显示
menus: {
menuList: [
@@ -116,7 +116,6 @@
tempMarker: null,
showClearBtn: false, // 是否显示清除查询按钮
bloomEffect: null,
- kaptcha: '',
loadToken: false
}
},
@@ -128,7 +127,9 @@
},
watch: {
alpha(val) {
- window.map.basemap.opacity = val / 100
+ window.viewer.imageryLayers._layers.forEach(layer => {
+ layer.alpha = val / 100 // 我们可以设置为0
+ })
underground.alpha = val / 100
if (val <= 90 && window.map.level >= 19) {
rqline_layer.show = false
@@ -166,7 +167,7 @@
},
beforeCreate: function() { // 从后台获取系统配置,根据配置判断是否加载验证码控件
this.$store.dispatch('GetConfig').then(() => {
- // this.$message.success('连接服务器成功')
+ this.$message.success('连接服务器成功')
this.handleLogin()
}).catch((e) => {
// this.$message.error('连接服务器失败')
@@ -178,7 +179,7 @@
const loginForm = {
sid: this.$store.getters.sid,
username: 'admin',
- password: RSAencrypt('111111')
+ password: RSAencrypt('1q2W3E4R')
}
this.$store.dispatch('Login', loginForm).then(() => {
// this.$message.success('登录成功')
@@ -204,6 +205,7 @@
tileMatrixLabels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21']
})
var layer = window.viewer.imageryLayers.addImageryProvider(layerProvider)
+ layer.alpha = this.alpha / 100
// window.viewer.zoomTo(layer)
return layer
},
@@ -256,63 +258,85 @@
{ name: '注记', type: 'tdt', layer: 'ter_z', key: ['216ee92889e17ab1b083fae665d522b8'] },
{ name: '注记', type: 'tdt', layer: 'img_z', key: ['216ee92889e17ab1b083fae665d522b8'] }
]
- },
- {
- 'id': 1112,
- 'pid': 10,
- 'name': '天地图电子',
- 'icon': 'http://mars3d.cn/example/img/basemaps/tdt_vec.png',
- 'type': 'group',
- 'layers': [
- { 'name': '底图', 'type': 'tdt', 'layer': 'vec_d', 'key': ['216ee92889e17ab1b083fae665d522b8'] },
- { 'name': '注记', 'type': 'tdt', 'layer': 'vec_z', 'key': ['216ee92889e17ab1b083fae665d522b8'] }
- ]
- },
- {
- 'id': 1113,
- 'pid': 10,
- 'name': '天地图影像',
- 'icon': 'http://mars3d.cn/example/img/basemaps/tdt_img.png',
- 'type': 'tdt',
- 'layer': 'img_d',
- 'key': ['216ee92889e17ab1b083fae665d522b8'],
- 'show': true
}
+ // {
+ // 'id': 1112,
+ // 'pid': 10,
+ // 'name': '天地图电子',
+ // 'icon': 'http://mars3d.cn/example/img/basemaps/tdt_vec.png',
+ // 'type': 'group',
+ // 'layers': [
+ // { 'name': '底图', 'type': 'tdt', 'layer': 'vec_d', 'key': ['216ee92889e17ab1b083fae665d522b8'] },
+ // { 'name': '注记', 'type': 'tdt', 'layer': 'vec_z', 'key': ['216ee92889e17ab1b083fae665d522b8'] }
+ // ]
+ // },
+ // {
+ // 'id': 1113,
+ // 'pid': 10,
+ // 'name': '天地图影像',
+ // 'icon': 'http://mars3d.cn/example/img/basemaps/tdt_img.png',
+ // 'type': 'tdt',
+ // 'layer': 'img_d',
+ // 'key': ['216ee92889e17ab1b083fae665d522b8'],
+ // 'show': true
+ // }
]
}
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI0N2E2M2ZmYi1iMDhjLTQwN2QtODZmOC0zNDZjNTMxYjgyNWEiLCJpZCI6MzY5MDMsImlhdCI6MTYwNzMzMTE2Nn0.5xsFCB0dxpcNGUkJOEpsVhUW9bf66XZIwV3hkZl09UI'
// 创建viewer实例
- // window.viewer = new Cesium.Viewer('mars3dContainer',
- // {
- // geocoder: false, // 是否显示地名查找控件
- // infoBox: false,
- // animation: false, // 是否显示动画控件(左下方那个)
- // timeline: false, // 是否显示时间线控件
- // shadows: false, // 阴影是否被太阳投射
- // showldAnimate: true, // 让场景中的动画自动播放
- // sceneModePicker: false, // 是否显示投影方式控件
- // fullscreenButton: false, // 全屏按钮不显示
- // homeButton: false,
- // navigationHelpButton: false, // 帮助按钮
- // baseLayerPicker: false,
- // imageryProvider: new Cesium.TileMapServiceImageryProvider({
- // url: Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII')
- // })
- // })
+ window.viewer = new Cesium.Viewer('mars3dContainer', {
+ geocoder: false, // 是否显示地名查找控件
+ infoBox: false,
+ animation: false, // 是否显示动画控件(左下方那个)
+ timeline: false, // 是否显示时间线控件
+ shadows: false, // 阴影是否被太阳投射
+ showldAnimate: true, // 让场景中的动画自动播放
+ sceneModePicker: false, // 是否显示投影方式控件
+ fullscreenButton: false, // 全屏按钮不显示
+ homeButton: false,
+ navigationHelpButton: false, // 帮助按钮
+ baseLayerPicker: false,
+ imageryProvider: new Cesium.TileMapServiceImageryProvider({
+ url: Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII')
+ })
+ })
// window.viewer.imageryLayers._layers[0].show = false
// window.viewer.scene.globe.baseColor = Cesium.Color.WHITE;
- // window.viewer._cesiumWidget._creditContainer.style.display = 'none' // 去除版权信息
+ window.viewer._cesiumWidget._creditContainer.style.display = 'none' // 去除版权信息
// mars3d.Map也可以直接传入外部已经构造好的viewer, 支持config.json所有参数
- const map = new mars3d.Map('mars3dContainer', mapOptions)
+ const map = new mars3d.Map(window.viewer, mapOptions)
- // const imgLayer = window.viewer.imageryLayers.addImageryProvider(layer)
+ const url2021 = 'http://172.20.90.108:8081/geoesb/proxy/5a44607b2e814658b463b76f9675bd3e/9bf164775ad94a18a5324f0eb681deea'
+ const url2020 = 'http://172.20.90.108:8081/geoesb/proxy/4fb75f7491c94356a9dd58a44d0dc57b/9bf164775ad94a18a5324f0eb681deea'
- // const map = new mars3d.Map('mars3dContainer', mapOptions)
- map.basemap = 1113
- // const url2021 = 'http://172.20.90.108:8081/geoesb/proxy/5a44607b2e814658b463b76f9675bd3e/9bf164775ad94a18a5324f0eb681deea'
- // const url2020 = 'http://172.20.90.108:8081/geoesb/proxy/4fb75f7491c94356a9dd58a44d0dc57b/9bf164775ad94a18a5324f0eb681deea'
- //
+ var layerProvider = new Cesium.WebMapTileServiceImageryProvider({
+ url: url2021 + '/Layers/default/Custom_Layers/{TileMatrix}/{TileRow}/{TileCol}.png',
+ layer: 'wzmap_map',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new Cesium.GeographicTilingScheme(),
+ tileMatrixLabels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21']
+ })
+ layer2021 = window.viewer.imageryLayers.addImageryProvider(layerProvider)
+ layer2021.alpha = this.alpha / 100
+
+ layerProvider = new Cesium.WebMapTileServiceImageryProvider({
+ url: url2020 + '?service=WMTS&request=GetTile&version=1.0.0&layer=JN2020DOM_05M&style=default&format=image/png&TileMatrixSet=CustomCRS4490ScaleJN2020DOM_05M&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}',
+ layer: 'wzmap_map',
+ style: 'default',
+ tileMatrixSetID: 'default028mm',
+ format: 'image/png',
+ tilingScheme: new Cesium.GeographicTilingScheme(),
+ tileMatrixLabels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21']
+ })
+ layer2020 = window.viewer.imageryLayers.addImageryProvider(layerProvider)
+ layer2020.alpha = this.alpha / 100
+
+ layer2021.show = false
+
// layer2021 = this.SuperMap3DImageryProvider(url2021)
+ // layer2020 = this.SuperMap3DImageryProvider(url2020)
// map.scene.screenSpaceCameraController.enableCollisionDetection = false
// 设置鼠标
map.scene.screenSpaceCameraController.tiltEventTypes = [Cesium.CameraEventType.RIGHT_DRAG]
@@ -327,7 +351,7 @@
// enabled: true
// })
// map.addEffect(this.bloomEffect)
- window.map.basemap.opacity = this.alpha / 100
+ // window.map.basemap.opacity = this.alpha / 100
// 崩溃后刷新
map.on(mars3d.EventType.renderError, function(event) {
window.location.reload()
@@ -508,17 +532,22 @@
changeBaseMap(type) {
this.baseLayer = type
if (type === 'gaode_vec') {
- window.map.basemap = 1112
+ layer2021.show = true
+ layer2020.show = false
+ window.viewer.imageryLayers.raiseToTop(layer2021)
+ // window.map.basemap = 1112
// if (this.bloomEffect !== null) {
// this.bloomEffect.enabled = false
// }
} else {
- window.map.basemap = 1113
+ layer2021.show = false
+ layer2020.show = true
+ window.viewer.imageryLayers.raiseToTop(layer2020)
+ // window.map.basemap = 1113
// if (this.bloomEffect !== null) {
// this.bloomEffect.enabled = true
// }
}
- window.viewer.imageryLayers.raiseToTop(layer2021)
},
// 倒计时函数
countDown() {
@@ -752,7 +781,6 @@
// 获取当前报警列表
this.alarmListOri = response.data // 列表原始
this.alarmList = response.data // 要显示的报警列表
- this.alarmList = [{}, {}]
this.alarmWells = [] // 报警的井列表
for (const alarm of response.data) {
if (this.alarmWells.findIndex(item => item.wellCode === alarm.wellCode) == -1) {
@@ -947,6 +975,46 @@
margin-bottom: 0px;
}
}
+// 刷新框
+.function-div{
+ position: absolute;
+ right: 10px;
+ top: 7px;
+ z-index: 1100;
+ padding: 10px;
+ color: #ce8b74;
+ font-size: 14px;
+ /*background-color: rgba(244, 233, 230, 1.0);*/
+ .font-red{
+ color: red;
+ font-weight: bold;
+ }
+ .el-icon-refresh:hover{
+ color: red;
+ font-weight: bold;
+ cursor: pointer;
+ }
+}
+// 刷新框
+.refresh-div{
+ position: absolute;
+ right: 10px;
+ top: 7px;
+ z-index: 100;
+ padding: 10px;
+ color: #ce8b74;
+ font-size: 14px;
+ background-color: rgba(244, 233, 230, 1.0);
+ .font-red{
+ color: red;
+ font-weight: bold;
+ }
+ .el-icon-refresh:hover{
+ color: red;
+ font-weight: bold;
+ cursor: pointer;
+ }
+}
// 地图
.overview-map-container{
width: 100%;
@@ -976,11 +1044,11 @@
}
.cover{
position: absolute;
- bottom: 3px;
+ bottom: 0px;
left: 0px;
/*background-color: red;*/
- background-color: #000000;
+ background-color: #1a2126;
width: 100px;
- height: 25px;
+ height: 30px;
}
diff --git a/src/views/zhangqiu/zqindex.vue b/src/views/zhangqiu/zqindex.vue
new file mode 100644
index 0000000..c5cdbca
--- /dev/null
+++ b/src/views/zhangqiu/zqindex.vue
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+