图片更换等，逻辑修改

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
            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>
@@ -40,235 +51,16 @@

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

let tileset = null

let qxTilesetLayer = null
let qxTileset = null

let silhouetteBlue = null

let baseMapLayer = null
const baseMapLayer = null

let DefaultAreaLayer = null

@@ -281,6 +73,11 @@
let layerSat = null
let layerSATtwo = null
let tcLayer = null

let slLayer = null
let bzLayer = null
let yxLayer = null
let dxLayer = null

// let viewerHeight = 950
// let smallViewerHeight = 1950
@@ -309,6 +106,7 @@
    name: 'dimension',
    data () {
        return {
            qxChange: false,
            zoomValue: 0,
            btnGroupShow: false,
            dimensionValue: '三 维',
@@ -345,8 +143,8 @@
                [114.03954722, 27.62819644, 100],
                [114.04006133, 27.628038, 100]
            ],
            mapCenter: [114.03928009,
                27.63018386, 700]
            mapCenter: [114.03928435,
                27.62997062, 700]
            // mapCenter: [116.35559028,
            //     27.96548051, 5000]
            // mapCenter: [115.871863, 28.743861, 950.0]
@@ -389,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'],
@@ -399,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'],
@@ -879,6 +677,61 @@
        }
    },
    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 () {

        },
@@ -955,27 +808,99 @@
        },

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

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

            baseLayer = []

        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,
                            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)
                            baseLayer.push({ layer, id: sm.id })
                        }
                    })
                }
            })
@@ -983,6 +908,9 @@

        mapCameraEvent () {
            const that = this

            that.updateBaseLayer(true)

            global.viewer.camera.setView({
                orientation: {
                    // 指向
@@ -1396,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++) {
@@ -1493,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)
@@ -1536,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: {
                        // 指向
@@ -1555,7 +1582,7 @@
                    destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                        that.mapCenter[0],
                        that.mapCenter[1],
                        1220.0
                        1420.0
                    ),
                    orientation: {
                        // 指向
@@ -1566,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的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
@@ -1665,4 +1709,12 @@
    right: 141px;
    z-index: 99;
}

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