shuishen
2022-04-08 8c30835a41d59e19183434f5f17e6b45b9920f38
src/components/map/components/dimension.vue
@@ -1,6 +1,6 @@
<template>
    <div class="dimension-cut">
        <el-button type="primary">{{zoomValue}}</el-button>
        <!-- <el-button type="primary">{{zoomValue}}</el-button> -->
        <el-button
            v-show="btnGroupShow"
            size="mini"
@@ -36,6 +36,231 @@
import axios from 'axios'
import { mapGetters } from 'vuex'
import { getDetail } from '@/api/pc/public/arc'
import baseLayerImgUrl from '@/assets/baseUrl'
let baseLayer = []
// const baseLayerImgUrl = [
//     {
//         5000: [
//             {
//                 url: 'img/base/1000/1.png',
//                 rectangle: [116.346606, 27.965604, 116.3570815, 27.974063]
//             },
//             {
//                 url: 'img/base/1000/2.png',
//                 rectangle: [116.3570815, 27.965604, 116.367557, 27.974063]
//             },
//             {
//                 url: 'img/base/1000/3.png',
//                 rectangle: [116.346606, 27.957145, 116.3570815, 27.965604]
//             },
//             {
//                 url: 'img/base/1000/4.png',
//                 rectangle: [116.3570815, 27.957145, 116.367557, 27.965604]
//             }
//         ]
//     },
//     {
//         4000: [
//             {
//                 url: 'img/base/2000/1.png',
//                 rectangle: [116.346606, 27.96842366, 116.35358966, 27.974063]
//             },
//             {
//                 url: 'img/base/2000/2.png',
//                 rectangle: [116.35358966, 27.96842366, 116.36057333, 27.974063]
//             },
//             {
//                 url: 'img/base/2000/3.png',
//                 rectangle: [116.36057333, 27.96842366, 116.367557, 27.974063]
//             },
//             {
//                 url: 'img/base/2000/4.png',
//                 rectangle: [116.346606, 27.96278433, 116.35358966, 27.96842366]
//             },
//             {
//                 url: 'img/base/2000/5.png',
//                 rectangle: [116.35358966, 27.96278433, 116.36057333, 27.96842366]
//             },
//             {
//                 url: 'img/base/2000/6.png',
//                 rectangle: [116.36057333, 27.96278433, 116.367557, 27.96842366]
//             },
//             {
//                 url: 'img/base/2000/7.png',
//                 rectangle: [116.346606, 27.957145, 116.35358966, 27.96278433]
//             },
//             {
//                 url: 'img/base/2000/8.png',
//                 rectangle: [116.35358966, 27.957145, 116.36057333, 27.96278433]
//             },
//             {
//                 url: 'img/base/2000/9.png',
//                 rectangle: [116.36057333, 27.957145, 116.367557, 27.96278433]
//             }
//         ]
//     }
// ]
// const baseLayerImgUrl = [
//     {
//         700: [
//             {
//                 url: 'img/base/700/1.png',
//                 rectangle: [114.03742429, 27.630906263, 114.03866149, 27.63235107]
//             },
//             {
//                 url: 'img/base/700/2.png',
//                 rectangle: [114.03866149, 27.630906263, 114.03989869, 27.63235107]
//             },
//             {
//                 url: 'img/base/700/3.png',
//                 rectangle: [114.03989869, 27.630906263, 114.04113589, 27.63235107]
//             },
//             {
//                 url: 'img/base/700/4.png',
//                 rectangle: [114.03742429, 27.629461456, 114.03866149, 27.630906263]
//             }, {
//                 url: 'img/base/700/5.png',
//                 rectangle: [114.03866149, 27.629461456, 114.03989869, 27.630906263]
//             },
//             {
//                 url: 'img/base/700/6.png',
//                 rectangle: [114.03989869, 27.629461456, 114.04113589, 27.630906263]
//             },
//             {
//                 url: 'img/base/700/7.png',
//                 rectangle: [114.03742429, 27.62801665, 114.03866149, 27.629461456]
//             },
//             {
//                 url: 'img/base/700/8.png',
//                 rectangle: [114.03866149, 27.62801665, 114.03989869, 27.629461456]
//             },
//             {
//                 url: 'img/base/700/9.png',
//                 rectangle: [114.03989869, 27.62801665, 114.04113589, 27.629461456]
//             }
//         ]
//     },
//     {
//         500: [
//             {
//                 url: 'img/base/500/1.png',
//                 rectangle: [114.03742429, 27.630906263, 114.03866149, 27.63235107]
//             },
//             {
//                 url: 'img/base/500/2.png',
//                 rectangle: [114.03866149, 27.630906263, 114.03989869, 27.63235107]
//             },
//             {
//                 url: 'img/base/500/3.png',
//                 rectangle: [114.03989869, 27.630906263, 114.04113589, 27.63235107]
//             },
//             {
//                 url: 'img/base/500/4.png',
//                 rectangle: [114.03742429, 27.629461456, 114.03866149, 27.630906263]
//             }, {
//                 url: 'img/base/500/5.png',
//                 rectangle: [114.03866149, 27.629461456, 114.03989869, 27.630906263]
//             },
//             {
//                 url: 'img/base/500/6.png',
//                 rectangle: [114.03989869, 27.629461456, 114.04113589, 27.630906263]
//             },
//             {
//                 url: 'img/base/500/7.png',
//                 rectangle: [114.03742429, 27.62801665, 114.03866149, 27.629461456]
//             },
//             {
//                 url: 'img/base/500/8.png',
//                 rectangle: [114.03866149, 27.62801665, 114.03989869, 27.629461456]
//             },
//             {
//                 url: 'img/base/500/9.png',
//                 rectangle: [114.03989869, 27.62801665, 114.04113589, 27.629461456]
//             }
//         ]
//     },
//     {
//         300: [
//             {
//                 url: 'img/base/300/1.png',
//                 rectangle: [114.03742429, 27.630906263, 114.03866149, 27.63235107]
//             },
//             {
//                 url: 'img/base/300/2.png',
//                 rectangle: [114.03866149, 27.630906263, 114.03989869, 27.63235107]
//             },
//             {
//                 url: 'img/base/300/3.png',
//                 rectangle: [114.03989869, 27.630906263, 114.04113589, 27.63235107]
//             },
//             {
//                 url: 'img/base/300/4.png',
//                 rectangle: [114.03742429, 27.629461456, 114.03866149, 27.630906263]
//             }, {
//                 url: 'img/base/300/5.png',
//                 rectangle: [114.03866149, 27.629461456, 114.03989869, 27.630906263]
//             },
//             {
//                 url: 'img/base/300/6.png',
//                 rectangle: [114.03989869, 27.629461456, 114.04113589, 27.630906263]
//             },
//             {
//                 url: 'img/base/300/7.png',
//                 rectangle: [114.03742429, 27.62801665, 114.03866149, 27.629461456]
//             },
//             {
//                 url: 'img/base/300/8.png',
//                 rectangle: [114.03866149, 27.62801665, 114.03989869, 27.629461456]
//             },
//             {
//                 url: 'img/base/300/9.png',
//                 rectangle: [114.03989869, 27.62801665, 114.04113589, 27.629461456]
//             }
//         ]
//     },
//     {
//         150: [
//             {
//                 url: 'img/base/150/1.png',
//                 rectangle: [114.03742429, 27.630906263, 114.03866149, 27.63235107]
//             },
//             {
//                 url: 'img/base/150/2.png',
//                 rectangle: [114.03866149, 27.630906263, 114.03989869, 27.63235107]
//             },
//             {
//                 url: 'img/base/150/3.png',
//                 rectangle: [114.03989869, 27.630906263, 114.04113589, 27.63235107]
//             },
//             {
//                 url: 'img/base/150/4.png',
//                 rectangle: [114.03742429, 27.629461456, 114.03866149, 27.630906263]
//             }, {
//                 url: 'img/base/150/5.png',
//                 rectangle: [114.03866149, 27.629461456, 114.03989869, 27.630906263]
//             },
//             {
//                 url: 'img/base/150/6.png',
//                 rectangle: [114.03989869, 27.629461456, 114.04113589, 27.630906263]
//             },
//             {
//                 url: 'img/base/150/7.png',
//                 rectangle: [114.03742429, 27.62801665, 114.03866149, 27.629461456]
//             },
//             {
//                 url: 'img/base/150/8.png',
//                 rectangle: [114.03866149, 27.62801665, 114.03989869, 27.629461456]
//             },
//             {
//                 url: 'img/base/150/9.png',
//                 rectangle: [114.03989869, 27.62801665, 114.04113589, 27.629461456]
//             }
//         ]
//     }
// ]
let tilesetLayer = null
@@ -57,15 +282,26 @@
let layerSATtwo = null
let tcLayer = null
let viewerHeight = 950
let smallViewerHeight = 1950
// let viewerHeight = 950
// let smallViewerHeight = 1950
const mixVH = 500
const maxVH = 950
const oneVH = 500
const twoVH = 650
const fourVH = 800
const fiveVH = 950
// const mixVH = 500
// const maxVH = 950
// const oneVH = 500
// const twoVH = 650
// const fourVH = 800
// const fiveVH = 950
let viewerHeight = 700
let smallViewerHeight = 1700
const mixVH = 150
const maxVH = 700
const oneVH = 150
const twoVH = 300
const fourVH = 500
const fiveVH = 700
// const wallLayer = null
@@ -73,7 +309,7 @@
    name: 'dimension',
    data () {
        return {
            zoomValue: null,
            zoomValue: 0,
            btnGroupShow: false,
            dimensionValue: '三 维',
            // 建筑2.5D地图
@@ -109,8 +345,10 @@
                [114.03954722, 27.62819644, 100],
                [114.04006133, 27.628038, 100]
            ],
            mapCenter: [116.35561302,
                27.96547549, 1860]
            mapCenter: [114.03928009,
                27.63018386, 700]
            // mapCenter: [116.35559028,
            //     27.96548051, 5000]
            // mapCenter: [115.871863, 28.743861, 950.0]
        }
    },
@@ -215,17 +453,20 @@
                    videoLayer.addOverlay(cameraVideo)
                    baseMapLayer =
                        global.viewer.imageryLayers.addImageryProvider(new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                            url: '/wp/{z}/{x}/{y}.png',
                            fileExtension: 'png'
                            // minimumLevel: 19
                        }))
                    global.viewer.imageryLayers.addImageryProvider(new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                        url: '/fz/{z}/{x}/{y}.png',
                        fileExtension: 'png'
                        // minimumLevel: 19
                    }))
                    // baseMapLayer =
                    //     global.viewer.imageryLayers.addImageryProvider(new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    //         url: '/wp/{z}/{x}/{y}.png',
                    //         fileExtension: 'png'
                    //         // minimumLevel: 19
                    //     }))
                    that.addBaseLayer()
                    // global.viewer.imageryLayers.addImageryProvider(new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    //     url: '/fz/{z}/{x}/{y}.png',
                    //     fileExtension: 'png'
                    //     // minimumLevel: 19
                    // }))
                    // global.viewer.imageryLayers.addImageryProvider(
                    //     new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
@@ -339,11 +580,11 @@
                    })
                    // 最小
                    // global.viewer.scene.screenSpaceCameraController.minimumZoomDistance = mixVH
                    // global.eagleViewer.scene.screenSpaceCameraController.minimumZoomDistance = mixVH + 1000
                    // // 最大
                    // global.viewer.scene.screenSpaceCameraController.maximumZoomDistance = maxVH
                    // global.eagleViewer.scene.screenSpaceCameraController.maximumZoomDistance = maxVH + 1000
                    global.viewer.scene.screenSpaceCameraController.minimumZoomDistance = mixVH
                    global.eagleViewer.scene.screenSpaceCameraController.minimumZoomDistance = mixVH + 1000
                    // 最大
                    global.viewer.scene.screenSpaceCameraController.maximumZoomDistance = maxVH
                    global.eagleViewer.scene.screenSpaceCameraController.maximumZoomDistance = maxVH + 1000
                    // 设置相机缩小时的速率
                    global.viewer.scene.screenSpaceCameraController._minimumZoomRate = 2000
@@ -450,183 +691,189 @@
                        }
                    })
                    // this.$nextTick(() => {
                    //     document.querySelector('.dc-zoom-controller').children[1].onclick =
                    //         function () {
                    //             if (that.dimensionValue == '真三维') {
                    //                 global.viewer.camera.setView({
                    //                     // Cesium的坐标是以地心为原点,一向指向南美洲,一向指向亚洲,一向指向北极州
                    //                     // fromDegrees()方法,将经纬度和高程转换为世界坐标
                    //                     destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                    //                         that.mapCenter[0],
                    //                         that.mapCenter[1],
                    //                         220.0
                    //                     ),
                    //                     orientation: {
                    //                         // 指向
                    //                         heading: global.DC.Namespace.Cesium.Math.toRadians(-9),
                    //                         // 视角
                    //                         pitch: global.DC.Namespace.Cesium.Math.toRadians(-34.54),
                    //                         roll: 0.0
                    //                     }
                    //                 })
                    //             } else {
                    //                 global.viewer.camera.setView({
                    //                     // Cesium的坐标是以地心为原点,一向指向南美洲,一向指向亚洲,一向指向北极州
                    //                     // fromDegrees()方法,将经纬度和高程转换为世界坐标
                    //                     destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                    //                         that.mapCenter[0],
                    //                         that.mapCenter[1],
                    //                         that.mapCenter[2]
                    //                     ),
                    //                     orientation: {
                    //                         // 指向
                    //                         heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                    //                         // 视角
                    //                         pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                    //                         roll: 0.0
                    //                     }
                    //                 })
                    //             }
                    //         }
                    this.$nextTick(() => {
                        document.querySelector('.dc-zoom-controller').children[1].onclick =
                            function () {
                                if (that.dimensionValue == '真三维') {
                                    global.viewer.camera.setView({
                                        // Cesium的坐标是以地心为原点,一向指向南美洲,一向指向亚洲,一向指向北极州
                                        // fromDegrees()方法,将经纬度和高程转换为世界坐标
                                        destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                                            that.mapCenter[0],
                                            that.mapCenter[1],
                                            220.0
                                        ),
                                        orientation: {
                                            // 指向
                                            heading: global.DC.Namespace.Cesium.Math.toRadians(-9),
                                            // 视角
                                            pitch: global.DC.Namespace.Cesium.Math.toRadians(-34.54),
                                            roll: 0.0
                                        }
                                    })
                                } else {
                                    global.viewer.camera.setView({
                                        // Cesium的坐标是以地心为原点,一向指向南美洲,一向指向亚洲,一向指向北极州
                                        // fromDegrees()方法,将经纬度和高程转换为世界坐标
                                        destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                                            that.mapCenter[0],
                                            that.mapCenter[1],
                                            that.mapCenter[2]
                                        ),
                                        orientation: {
                                            // 指向
                                            heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                                            // 视角
                                            pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                                            roll: 0.0
                                        }
                                    })
                                }
                            }
                    //     document.querySelector('.dc-zoom-controller').children[2].onclick =
                    //         function () {
                    //             if (
                    //                 that.dimensionValue != undefined &&
                    //                 that.dimensionValue != '真三维'
                    //             ) {
                    //                 if (viewerHeight == oneVH) {
                    //                     global.viewer.camera.setView({
                    //                         destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                    //                             global.viewer.camera.positionCartographic.longitude,
                    //                             global.viewer.camera.positionCartographic.latitude,
                    //                             twoVH
                    //                         ),
                    //                         orientation: {
                    //                             // 指向
                    //                             heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                    //                             // 视角
                    //                             pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                    //                             roll: 0.0
                    //                         }
                    //                     })
                    //                     viewerHeight = twoVH
                    //                     this.$emit('change-wheel', false, 'startWheel')
                    //                     return
                    //                 }
                        document.querySelector('.dc-zoom-controller').children[2].onclick =
                            function () {
                                if (
                                    that.dimensionValue != undefined &&
                                    that.dimensionValue != '真三维'
                                ) {
                                    if (viewerHeight == oneVH) {
                                        global.viewer.camera.setView({
                                            destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                                                global.viewer.camera.positionCartographic.longitude,
                                                global.viewer.camera.positionCartographic.latitude,
                                                twoVH
                                            ),
                                            orientation: {
                                                // 指向
                                                heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                                                // 视角
                                                pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                                                roll: 0.0
                                            }
                                        })
                                        viewerHeight = twoVH
                                        that.$emit('change-wheel', false, 'startWheel')
                                        that.addBaseLayer()
                                        return
                                    }
                    //                 if (viewerHeight == twoVH) {
                    //                     global.viewer.camera.setView({
                    //                         destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                    //                             global.viewer.camera.positionCartographic.longitude,
                    //                             global.viewer.camera.positionCartographic.latitude,
                    //                             fourVH
                    //                         ),
                    //                         orientation: {
                    //                             // 指向
                    //                             heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                    //                             // 视角
                    //                             pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                    //                             roll: 0.0
                    //                         }
                    //                     })
                    //                     viewerHeight = fourVH
                    //                     this.$emit('change-wheel', false, 'startWheel')
                    //                     return
                    //                 }
                                    if (viewerHeight == twoVH) {
                                        global.viewer.camera.setView({
                                            destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                                                global.viewer.camera.positionCartographic.longitude,
                                                global.viewer.camera.positionCartographic.latitude,
                                                fourVH
                                            ),
                                            orientation: {
                                                // 指向
                                                heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                                                // 视角
                                                pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                                                roll: 0.0
                                            }
                                        })
                                        viewerHeight = fourVH
                                        that.$emit('change-wheel', false, 'startWheel')
                                        that.addBaseLayer()
                                        return
                                    }
                    //                 if (viewerHeight == fourVH) {
                    //                     global.viewer.camera.setView({
                    //                         destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                    //                             global.viewer.camera.positionCartographic.longitude,
                    //                             global.viewer.camera.positionCartographic.latitude,
                    //                             fiveVH
                    //                         ),
                    //                         orientation: {
                    //                             // 指向
                    //                             heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                    //                             // 视角
                    //                             pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                    //                             roll: 0.0
                    //                         }
                    //                     })
                    //                     viewerHeight = fiveVH
                    //                     this.$emit('change-wheel', false, 'startWheel')
                    //                 }
                    //             }
                    //         }
                                    if (viewerHeight == fourVH) {
                                        global.viewer.camera.setView({
                                            destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                                                global.viewer.camera.positionCartographic.longitude,
                                                global.viewer.camera.positionCartographic.latitude,
                                                fiveVH
                                            ),
                                            orientation: {
                                                // 指向
                                                heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                                                // 视角
                                                pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                                                roll: 0.0
                                            }
                                        })
                                        viewerHeight = fiveVH
                                        that.$emit('change-wheel', false, 'startWheel')
                                        that.addBaseLayer()
                                    }
                                }
                            }
                    //     document.querySelector('.dc-zoom-controller').children[0].onclick =
                    //         function () {
                    //             if (
                    //                 that.dimensionValue != undefined &&
                    //                 that.dimensionValue != '真三维'
                    //             ) {
                    //                 if (viewerHeight == fiveVH) {
                    //                     global.viewer.camera.setView({
                    //                         destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                    //                             global.viewer.camera.positionCartographic.longitude,
                    //                             global.viewer.camera.positionCartographic.latitude,
                    //                             fourVH
                    //                         ),
                    //                         orientation: {
                    //                             // 指向
                    //                             heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                    //                             // 视角
                    //                             pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                    //                             roll: 0.0
                    //                         }
                    //                     })
                    //                     viewerHeight = fourVH
                    //                     this.$emit('change-wheel', false, 'startWheel')
                    //                     return
                    //                 }
                        document.querySelector('.dc-zoom-controller').children[0].onclick =
                            function () {
                                if (
                                    that.dimensionValue != undefined &&
                                    that.dimensionValue != '真三维'
                                ) {
                                    if (viewerHeight == fiveVH) {
                                        global.viewer.camera.setView({
                                            destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                                                global.viewer.camera.positionCartographic.longitude,
                                                global.viewer.camera.positionCartographic.latitude,
                                                fourVH
                                            ),
                                            orientation: {
                                                // 指向
                                                heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                                                // 视角
                                                pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                                                roll: 0.0
                                            }
                                        })
                                        viewerHeight = fourVH
                                        that.$emit('change-wheel', false, 'startWheel')
                                        that.addBaseLayer()
                                        return
                                    }
                    //                 if (viewerHeight == fourVH) {
                    //                     global.viewer.camera.setView({
                    //                         destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                    //                             global.viewer.camera.positionCartographic.longitude,
                    //                             global.viewer.camera.positionCartographic.latitude,
                    //                             twoVH
                    //                         ),
                    //                         orientation: {
                    //                             // 指向
                    //                             heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                    //                             // 视角
                    //                             pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                    //                             roll: 0.0
                    //                         }
                    //                     })
                    //                     viewerHeight = twoVH
                    //                     this.$emit('change-wheel', false, 'startWheel')
                    //                     return
                    //                 }
                                    if (viewerHeight == fourVH) {
                                        global.viewer.camera.setView({
                                            destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                                                global.viewer.camera.positionCartographic.longitude,
                                                global.viewer.camera.positionCartographic.latitude,
                                                twoVH
                                            ),
                                            orientation: {
                                                // 指向
                                                heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                                                // 视角
                                                pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                                                roll: 0.0
                                            }
                                        })
                                        viewerHeight = twoVH
                                        that.$emit('change-wheel', false, 'startWheel')
                                        that.addBaseLayer()
                                        return
                                    }
                    //                 if (viewerHeight == twoVH) {
                    //                     global.viewer.camera.setView({
                    //                         destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                    //                             global.viewer.camera.positionCartographic.longitude,
                    //                             global.viewer.camera.positionCartographic.latitude,
                    //                             oneVH
                    //                         ),
                    //                         orientation: {
                    //                             // 指向
                    //                             heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                    //                             // 视角
                    //                             pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                    //                             roll: 0.0
                    //                         }
                    //                     })
                    //                     viewerHeight = oneVH
                    //                     this.$emit('change-wheel', false, 'startWheel')
                    //                 }
                    //             }
                    //         }
                    // })
                                    if (viewerHeight == twoVH) {
                                        global.viewer.camera.setView({
                                            destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                                                global.viewer.camera.positionCartographic.longitude,
                                                global.viewer.camera.positionCartographic.latitude,
                                                oneVH
                                            ),
                                            orientation: {
                                                // 指向
                                                heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                                                // 视角
                                                pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                                                roll: 0.0
                                            }
                                        })
                                        viewerHeight = oneVH
                                        that.$emit('change-wheel', false, 'startWheel')
                                        that.addBaseLayer()
                                    }
                                }
                            }
                    })
                    // global.viewer.on(global.DC.SceneEventType.CAMERA_CHANGED, that.mapCameraEvent)
                    // global.eagleViewer.on(global.DC.SceneEventType.CAMERA_CHANGED, that.smallMapCameraEvent)
                    global.viewer.on(global.DC.SceneEventType.CAMERA_CHANGED, that.mapCameraEvent)
                    global.eagleViewer.on(global.DC.SceneEventType.CAMERA_CHANGED, that.smallMapCameraEvent)
                }
            }
        }
@@ -707,7 +954,35 @@
            }
        },
        addBaseLayer () {
            if (baseLayer.length > 0) {
                baseLayer.forEach(item => {
                    global.viewer.imageryLayers.remove(
                        item
                    )
                })
            }
            baseLayer = []
            baseLayerImgUrl.forEach(item => {
                if (item[viewerHeight]) {
                    item[viewerHeight].forEach(sm => {
                        var layer = global.viewer.imageryLayers.addImageryProvider(new global.DC.Namespace.Cesium.SingleTileImageryProvider({
                            url: sm.url,
                            tileHeight: 500,
                            tileWidth: 500,
                            rectangle: global.DC.Namespace.Cesium.Rectangle.fromDegrees(sm.rectangle[0], sm.rectangle[1], sm.rectangle[2], sm.rectangle[3])
                        }))
                        baseLayer.push(layer)
                    })
                }
            })
        },
        mapCameraEvent () {
            const that = this
            global.viewer.camera.setView({
                orientation: {
                    // 指向
@@ -737,7 +1012,8 @@
                        }
                    })
                    viewerHeight = fourVH
                    this.$emit('change-wheel', false, 'startWheel')
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                    return
                }
@@ -757,7 +1033,8 @@
                        }
                    })
                    viewerHeight = twoVH
                    this.$emit('change-wheel', false, 'startWheel')
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                    return
                }
@@ -777,7 +1054,8 @@
                        }
                    })
                    viewerHeight = oneVH
                    this.$emit('change-wheel', false, 'startWheel')
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                }
            } else { // 上
                if (viewerHeight == oneVH) {
@@ -796,7 +1074,8 @@
                        }
                    })
                    viewerHeight = twoVH
                    this.$emit('change-wheel', false, 'startWheel')
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                    return
                }
@@ -816,7 +1095,8 @@
                        }
                    })
                    viewerHeight = fourVH
                    this.$emit('change-wheel', false, 'startWheel')
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                    return
                }
@@ -836,12 +1116,14 @@
                        }
                    })
                    viewerHeight = fiveVH
                    this.$emit('change-wheel', false, 'startWheel')
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                }
            }
        },
        smallMapCameraEvent () {
            const that = this
            global.eagleViewer.camera.setView({
                orientation: {
                    // 指向
@@ -871,7 +1153,8 @@
                        }
                    })
                    smallViewerHeight = fourVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                    return
                }
@@ -891,7 +1174,8 @@
                        }
                    })
                    smallViewerHeight = twoVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                    return
                }
@@ -911,7 +1195,8 @@
                        }
                    })
                    smallViewerHeight = oneVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                }
            } else { // 上
                if (smallViewerHeight == oneVH + 1000) {
@@ -930,7 +1215,8 @@
                        }
                    })
                    smallViewerHeight = twoVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                    return
                }
@@ -950,7 +1236,8 @@
                        }
                    })
                    smallViewerHeight = fourVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                    return
                }
@@ -970,7 +1257,8 @@
                        }
                    })
                    smallViewerHeight = fiveVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                }
            }
        },