图片更换等，逻辑修改

shuishen

2022-04-13 75c50fbce61fcd54295ea4347ebf516990b583ee

 src/components/map/components/dimension.vue

@@ -1,6 +1,7 @@
<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"
@@ -25,6 +26,16 @@
            @click="locationTC"
        >热力图</el-button>

        <el-checkbox
            v-show="btnGroupShow"
            size="mini"
            class="sat-qx"
            v-model="qxChange"
            label="倾斜数据"
            @change="qxChangeEvent"
            border
        ></el-checkbox>

        <el-radio-group v-model="dimensionValue" size="medium" @change="dimensionChange">
            <el-radio-button label="三 维"></el-radio-button>
            <el-radio-button label="真三维"></el-radio-button>
@@ -36,14 +47,20 @@
import axios from 'axios'
import { mapGetters } from 'vuex'
import { getDetail } from '@/api/pc/public/arc'
import baseLayerImgUrl from '@/assets/baseUrl'

let baseLayer = []

let tilesetLayer = null

let tileset = null

let qxTilesetLayer = null
let qxTileset = null

let silhouetteBlue = null

let baseMapLayer = null
const baseMapLayer = null

let DefaultAreaLayer = null

@@ -57,15 +74,31 @@
let layerSATtwo = null
let tcLayer = null

let viewerHeight = 950
let smallViewerHeight = 1950
let slLayer = null
let bzLayer = null
let yxLayer = null
let dxLayer = null

const mixVH = 500
const maxVH = 950
const oneVH = 500
const twoVH = 650
const fourVH = 800
const fiveVH = 950
// let viewerHeight = 950
// let smallViewerHeight = 1950

// 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 +106,8 @@
    name: 'dimension',
    data () {
        return {
            zoomValue: null,
            qxChange: false,
            zoomValue: 0,
            btnGroupShow: false,
            dimensionValue: '三 维',
            // 建筑2.5D地图
@@ -109,8 +143,10 @@
                [114.03954722, 27.62819644, 100],
                [114.04006133, 27.628038, 100]
            ],
            mapCenter: [116.35561302,
                27.96547549, 1860]
            mapCenter: [114.03928435,
                27.62997062, 700]
            // mapCenter: [116.35559028,
            //     27.96548051, 5000]
            // mapCenter: [115.871863, 28.743861, 950.0]
        }
    },
@@ -151,7 +187,7 @@
                        )
                    )

                    global.viewer.imageryLayers.addImageryProvider(
                    slLayer = global.viewer.imageryLayers.addImageryProvider(
                        new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                            url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
                            subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
@@ -161,7 +197,7 @@
                        })
                    )

                    global.viewer.imageryLayers.addImageryProvider(
                    bzLayer = global.viewer.imageryLayers.addImageryProvider(
                        new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                            url: 'http://t{s}.tianditu.gov.cn/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
                            subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
@@ -215,17 +251,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 +378,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,188 +489,249 @@
                        }
                    })

                    // 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)
                }
            }
        }
    },
    methods: {

        getViewExtend () {
            const params = {}
            const extend = global.viewer.camera.computeViewRectangle()
            if (typeof extend === 'undefined') {
                // 2D下会可能拾取不到坐标，extend返回undefined,所以做以下转换
                const canvas = global.viewer.scene.canvas
                const upperLeft = new global.DC.Namespace.Cesium.Cartesian2(0, 0)// canvas左上角坐标转2d坐标
                const lowerRight = new global.DC.Namespace.Cesium.Cartesian2(
                    canvas.clientWidth,
                    canvas.clientHeight
                )// canvas右下角坐标转2d坐标

                const ellipsoid = global.viewer.scene.globe.ellipsoid
                const upperLeft3 = global.viewer.camera.pickEllipsoid(
                    upperLeft,
                    ellipsoid
                )// 2D转3D世界坐标

                const lowerRight3 = global.viewer.camera.pickEllipsoid(
                    lowerRight,
                    ellipsoid
                )// 2D转3D世界坐标

                const upperLeftCartographic = global.viewer.scene.globe.ellipsoid.cartesianToCartographic(
                    upperLeft3
                )// 3D世界坐标转弧度
                const lowerRightCartographic = global.viewer.scene.globe.ellipsoid.cartesianToCartographic(
                    lowerRight3
                )// 3D世界坐标转弧度

                const minx = global.DC.Namespace.Cesium.Math.toDegrees(upperLeftCartographic.longitude)// 弧度转经纬度
                const maxx = global.DC.Namespace.Cesium.Math.toDegrees(lowerRightCartographic.longitude)// 弧度转经纬度

                const miny = global.DC.Namespace.Cesium.Math.toDegrees(lowerRightCartographic.latitude)// 弧度转经纬度
                const maxy = global.DC.Namespace.Cesium.Math.toDegrees(upperLeftCartographic.latitude)// 弧度转经纬度

                console.log('经度：' + minx + '----' + maxx)
                console.log('纬度：' + miny + '----' + maxy)

                params.minx = minx
                params.maxx = maxx
                params.miny = miny
                params.maxy = maxy
            } else {
                // 3D获取方式
                params.maxx = global.DC.Namespace.Cesium.Math.toDegrees(extend.east)
                params.maxy = global.DC.Namespace.Cesium.Math.toDegrees(extend.north)

                params.minx = global.DC.Namespace.Cesium.Math.toDegrees(extend.west)
                params.miny = global.DC.Namespace.Cesium.Math.toDegrees(extend.south)
            }
            return params // 返回屏幕所在经纬度范围
        },

        zoomToOpen () {

        },
@@ -707,7 +807,110 @@
            }
        },

        addBaseLayer () {
            this.removeBaseLayer()
            baseLayer = []
            this.updateBaseLayer(false)
        },

        removeBaseLayer () {
            if (baseLayer.length > 0) {
                baseLayer.forEach(item => {
                    global.viewer.imageryLayers.remove(
                        item.layer
                    )
                })
            }
        },

        updateBaseLayer (flag) {
            const extent = this.getViewExtend()
            baseLayerImgUrl.forEach(item => {
                if (item[viewerHeight]) {
                    item[viewerHeight].forEach(sm => {
                        let startFlag = true

                        if (flag == true) {
                            baseLayer.forEach(dt => {
                                if (dt.id == sm.id) startFlag = false
                            })
                        }

                        if (startFlag == false) return

                        if (
                            (
                                sm.rectangle[0] > extent.minx &&
                                sm.rectangle[1] > extent.miny &&
                                sm.rectangle[2] < extent.maxx &&
                                sm.rectangle[3] < extent.maxy
                            ) ||
                            (
                                sm.rectangle[0] < extent.minx &&
                                sm.rectangle[1] < extent.maxy &&
                                sm.rectangle[2] > extent.minx &&
                                sm.rectangle[3] > extent.maxy
                            ) ||
                            (
                                sm.rectangle[0] < extent.maxx &&
                                sm.rectangle[1] < extent.maxy &&
                                sm.rectangle[2] > extent.maxx &&
                                sm.rectangle[3] > extent.maxy
                            ) ||
                            (
                                sm.rectangle[0] < extent.maxx &&
                                sm.rectangle[1] < extent.miny &&
                                sm.rectangle[2] > extent.maxx &&
                                sm.rectangle[3] > extent.miny
                            ) ||
                            (
                                sm.rectangle[0] < extent.minx &&
                                sm.rectangle[1] < extent.miny &&
                                sm.rectangle[2] > extent.minx &&
                                sm.rectangle[3] > extent.miny
                            ) ||
                            (
                                sm.rectangle[0] > extent.minx &&
                                sm.rectangle[1] < extent.maxy &&
                                sm.rectangle[2] < extent.maxx &&
                                sm.rectangle[3] > extent.maxy
                            ) ||
                            (
                                sm.rectangle[0] > extent.minx &&
                                sm.rectangle[1] > extent.miny &&
                                sm.rectangle[2] > extent.maxx &&
                                sm.rectangle[3] < extent.maxy
                            ) ||
                            (
                                sm.rectangle[0] > extent.minx &&
                                sm.rectangle[1] < extent.miny &&
                                sm.rectangle[2] < extent.maxx &&
                                sm.rectangle[3] > extent.miny
                            ) ||
                            (
                                sm.rectangle[0] < extent.minx &&
                                sm.rectangle[1] > extent.miny &&
                                sm.rectangle[2] > extent.minx &&
                                sm.rectangle[3] < extent.maxy
                            )
                        ) {
                            var layer = global.viewer.imageryLayers.addImageryProvider(new global.DC.Namespace.Cesium.SingleTileImageryProvider({
                                url: sm.url,
                                rectangle: global.DC.Namespace.Cesium.Rectangle.fromDegrees(sm.rectangle[0], sm.rectangle[1], sm.rectangle[2], sm.rectangle[3])
                            }))

                            baseLayer.push({ layer, id: sm.id })
                        }
                    })
                }
            })
        },

        mapCameraEvent () {
            const that = this

            that.updateBaseLayer(true)

            global.viewer.camera.setView({
                orientation: {
                    // 指向
@@ -737,7 +940,8 @@
                        }
                    })
                    viewerHeight = fourVH
                    this.$emit('change-wheel', false, 'startWheel')
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                    return
                }

@@ -757,7 +961,8 @@
                        }
                    })
                    viewerHeight = twoVH
                    this.$emit('change-wheel', false, 'startWheel')
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                    return
                }

@@ -777,7 +982,8 @@
                        }
                    })
                    viewerHeight = oneVH
                    this.$emit('change-wheel', false, 'startWheel')
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                }
            } else { // 上
                if (viewerHeight == oneVH) {
@@ -796,7 +1002,8 @@
                        }
                    })
                    viewerHeight = twoVH
                    this.$emit('change-wheel', false, 'startWheel')
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                    return
                }

@@ -816,7 +1023,8 @@
                        }
                    })
                    viewerHeight = fourVH
                    this.$emit('change-wheel', false, 'startWheel')
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                    return
                }

@@ -836,12 +1044,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 +1081,8 @@
                        }
                    })
                    smallViewerHeight = fourVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                    return
                }

@@ -891,7 +1102,8 @@
                        }
                    })
                    smallViewerHeight = twoVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                    return
                }

@@ -911,7 +1123,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 +1143,8 @@
                        }
                    })
                    smallViewerHeight = twoVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                    return
                }

@@ -950,7 +1164,8 @@
                        }
                    })
                    smallViewerHeight = fourVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                    return
                }

@@ -970,7 +1185,8 @@
                        }
                    })
                    smallViewerHeight = fiveVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                }
            }
        },
@@ -1108,6 +1324,97 @@
            global.viewer.flyToPosition('120.670183527,31.348282115,109658.22,0,-89.90659095062371')
        },

        addQxTileset () {
            qxTilesetLayer = new global.DC.TilesetLayer('qxTilesetLayer')
            global.viewer.addLayer(qxTilesetLayer)

            qxTileset = new global.DC.Tileset('/qx/tileset.json', {
                luminanceAtZenith: 0.4,
                // cullWithChildrenBounds: false,
                // cullRequestsWhileMoving: false,
                // skipLevelOfDetail: false,
                shadows: global.DC.Namespace.Cesium.ShadowMode.DISABLED
            })
            qxTileset.setHeight(18)
            qxTilesetLayer.addOverlay(qxTileset)
        },

        removeQxTileset () {
            qxTilesetLayer.removeOverlay(qxTileset)
            global.viewer.removeLayer(qxTilesetLayer)
            qxTileset = null
            qxTilesetLayer = null
        },

        addMxTileset () {
            const that = this
            tilesetLayer = new global.DC.TilesetLayer('tilesetLayer')
            global.viewer.addLayer(tilesetLayer)
            tileset = new global.DC.Tileset('/mx/tileset.json', {
                luminanceAtZenith: 0.4,
                // cullWithChildrenBounds: false,
                // cullRequestsWhileMoving: false,
                // skipLevelOfDetail: false,
                shadows: global.DC.Namespace.Cesium.ShadowMode.DISABLED
            })
            tileset.setHeight(150)
            tilesetLayer.addOverlay(tileset)
            tileset.on(global.DC.MouseEventType.CLICK, that.tilesetClick)
        },

        removeMxTileset () {
            const that = this
            tileset.off(global.DC.MouseEventType.CLICK, that.tilesetClick)
            tilesetLayer.removeOverlay(tileset)
            global.viewer.removeLayer(tilesetLayer)
            tileset = null
            tilesetLayer = null
        },

        qxChangeEvent (change) {
            const that = this
            global.viewer.camera.setView({
                // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
                // fromDegrees()方法，将经纬度和高程转换为世界坐标
                destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                    114.03989859,
                    27.62581763,
                    420.0
                ),
                orientation: {
                    // 指向
                    heading: global.DC.Namespace.Cesium.Math.toRadians(-9),
                    // 视角
                    pitch: global.DC.Namespace.Cesium.Math.toRadians(-34.54),
                    roll: 0.0
                }
            })

            global.eagleViewer.camera.setView({
                // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
                // fromDegrees()方法，将经纬度和高程转换为世界坐标
                destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                    that.mapCenter[0],
                    that.mapCenter[1],
                    1420.0
                ),
                orientation: {
                    // 指向
                    heading: global.DC.Namespace.Cesium.Math.toRadians(-9),
                    // 视角
                    pitch: global.DC.Namespace.Cesium.Math.toRadians(-34.54),
                    roll: 0.0
                }
            })
            if (change) {
                that.removeMxTileset()
                that.addQxTileset()
            } else {
                that.removeQxTileset()
                that.addMxTileset()
            }
        },

        generatePosition (num) {
            const list = []
            for (let i = 0; i < num; i++) {
@@ -1205,30 +1512,38 @@
            that.$store.commit('SET_TWOORTHREE', that.dimensionValue)

            if (that.dimensionValue == '真三维') {
                that.btnGroupShow = true
                that.createSAT()
                that.createTC()
                global.viewer.imageryLayers.remove(slLayer)
                global.viewer.imageryLayers.remove(bzLayer)

                global.viewer.off(global.DC.MouseEventType.MOUSE_MOVE, that.mouseMoveEvent)
                global.viewer.off(global.DC.SceneEventType.CAMERA_CHANGED, that.mapCameraEvent)
                global.eagleViewer.off(global.DC.SceneEventType.CAMERA_CHANGED, that.smallMapCameraEvent)

                yxLayer = global.viewer.imageryLayers.addImageryProvider(
                    new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                        url: 'http://t{s}.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
                        subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                        format: 'image/jpeg',
                        show: true,
                        maximumLevel: 18
                    })
                )

                dxLayer = global.DC.TerrainFactory.createUrlTerrain({
                    url: 'http://data.marsgis.cn/terrain'
                })
                global.viewer.addTerrain(dxLayer)

                that.btnGroupShow = true
                that.createSAT()
                that.createTC()

                that.removeLayers()
                global.viewer.imageryLayers.remove(baseMapLayer)
                baseMapLayer = null
                that.removeBaseLayer()

                silhouetteBlue.selected = []

                tilesetLayer = new global.DC.TilesetLayer('tilesetLayer')
                global.viewer.addLayer(tilesetLayer)
                tileset = new global.DC.Tileset('/mx/tileset.json', {
                    luminanceAtZenith: 0.4,
                    // cullWithChildrenBounds: false,
                    // cullRequestsWhileMoving: false,
                    // skipLevelOfDetail: false,
                    shadows: global.DC.Namespace.Cesium.ShadowMode.DISABLED
                })
                tilesetLayer.addOverlay(tileset)
                tileset.on(global.DC.MouseEventType.CLICK, that.tilesetClick)
                tilesetLayer.show = true
                that.addMxTileset()

                streenMlayer = new global.DC.S3MLayer('streenMlayer', 'http://resource.dvgis.cn/data/3dtiles/CBD/cbd.scp')
                global.viewer.addLayer(streenMlayer)
@@ -1248,9 +1563,9 @@
                    // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
                    // fromDegrees()方法，将经纬度和高程转换为世界坐标
                    destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                        that.mapCenter[0],
                        that.mapCenter[1],
                        220.0
                        114.03989859,
                        27.62581763,
                        420.0
                    ),
                    orientation: {
                        // 指向
@@ -1267,7 +1582,7 @@
                    destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                        that.mapCenter[0],
                        that.mapCenter[1],
                        1220.0
                        1420.0
                    ),
                    orientation: {
                        // 指向
@@ -1278,26 +1593,43 @@
                    }
                })
            } else {
                global.viewer.imageryLayers.remove(yxLayer)
                global.viewer.removeTerrain(dxLayer)

                slLayer = global.viewer.imageryLayers.addImageryProvider(
                    new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                        url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
                        subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                        format: 'image/jpeg',
                        show: true,
                        maximumLevel: 18
                    })
                )

                bzLayer = global.viewer.imageryLayers.addImageryProvider(
                    new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                        url: 'http://t{s}.tianditu.gov.cn/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
                        subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                        format: 'image/jpeg',
                        show: true,
                        maximumLevel: 18
                    })
                )

                that.btnGroupShow = false
                that.removeSAT()
                that.removeTC()
                global.viewer.on(global.DC.MouseEventType.MOUSE_MOVE, that.mouseMoveEvent)
                global.viewer.on(global.DC.SceneEventType.CAMERA_CHANGED, that.mapCameraEvent)
                global.eagleViewer.on(global.DC.SceneEventType.CAMERA_CHANGED, that.smallMapCameraEvent)
                tileset.off(global.DC.MouseEventType.CLICK, that.tilesetClick)
                tilesetLayer.removeOverlay(tileset)
                tilesetLayer.show = false
                global.viewer.removeLayer(tilesetLayer)
                tileset = null
                tilesetLayer = null
                if (tilesetLayer != null) that.removeMxTileset()
                if (qxTilesetLayer != null) that.removeQxTileset()

                global.viewer.removeLayer(streenMlayer)
                streenMlayer = null
                that.createdLayers()

                baseMapLayer = global.viewer.imageryLayers.addImageryProvider(new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    url: '/wp/{z}/{x}/{y}.png',
                    fileExtension: 'png'
                }))
                that.addBaseLayer()

                global.viewer.camera.setView({
                    // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
@@ -1377,4 +1709,12 @@
    right: 141px;
    z-index: 99;
}

.sat-qx {
    position: fixed;
    top: 66px;
    right: 220px;
    z-index: 99;
    background: #fff;
}
</style>