修改遥感刷新页面后出现球的问题，360全景未填隐藏

guoshilong

2022-10-09 d7a94e1a691711b484462076a796b72b3934a6c9

修改遥感刷新页面后出现球的问题，360全景未填隐藏

 src/assets/viewdata.js

@@ -9,7 +9,43 @@
var viewdata = []
getRemoteDetailsList().then(res=>{
    var data = res.data.data
    data.forEach(e=>{

    viewdata = getFormat(data,viewdata)
    // data.forEach(e=>{
    //     var childItem = []
    //     var i=0
    //     e.remoteList.forEach(k=>{
    //         var myItem = {
    //             title:k.reName,
    //             url:k.reUrl,
    //             type:k.reType//0为默认展示、1为不展示
    //         }
    //         childItem.push(myItem)
    //         if (k.reType =="0"){
    //             myItem.index = i
    //             e.selectItem = myItem
    //         }
    //         i++
    //     })
    //     if (!e.selectItem){
    //         e.selectItem =  childItem[0]
    //         e.selectItem.index = 0
    //     }
    //
    //     viewdata.push({
    //         name:e.name,
    //         latitude: e.latitude,
    //         longitude: e.longitude,
    //         selectItem: e.selectItem,
    //         childItem:childItem
    //     })
    // })


})

function getFormat(beforeData,afterData){
    beforeData.forEach(e=>{
        var childItem = []
        var i=0
        e.remoteList.forEach(k=>{
@@ -30,7 +66,7 @@
            e.selectItem.index = 0
        }

        viewdata.push({
        afterData.push({
            name:e.name,
            latitude: e.latitude,
            longitude: e.longitude,
@@ -39,10 +75,9 @@
        })
    })


})
    return afterData
}
export {viewdata}

// export const viewdata = [
//     {
//         name: '南城县南城麻姑集团',

 src/components/remote/index.vue

@@ -140,148 +140,11 @@
            currentInd: 0
        }
    },

    created () {
        this.farmSelectList=viewdata
        this.currentTitle= viewdata[0].name
        this.timeLineList= viewdata[0].childItem
        this.currentObj= viewdata[0].selectItem
        this.currentInd = viewdata[0].selectItem.index
        // this.leftRollerLayers = [
        //         {
        //     title: '2022年6月影像',
        //     url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
        //     layer: 'nanchengdom',
        //     style: 'default',
        //     tileMatrixSetID: 'default028mm',
        //     format: 'image/png',
        //     tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
        //     maximumLevel: 19,
        //     tileMatrixLabels: [
        //         '0',
        //         '1',
        //         '2',
        //         '3',
        //         '4',
        //         '5',
        //         '6',
        //         '7',
        //         '8',
        //         '9',
        //         '10',
        //         '11',
        //         '12',
        //         '13',
        //         '14',
        //         '15',
        //         '16',
        //         '17',
        //         '18',
        //         '19'
        //     ]
        // },
        //     {
        //     title: '2022年7月影像',
        //     url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
        //     layer: 'nanchengdomjuly',
        //     style: 'default',
        //     tileMatrixSetID: 'default028mm',
        //     format: 'image/png',
        //     tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
        //     maximumLevel: 19,
        //     tileMatrixLabels: [
        //         '0',
        //         '1',
        //         '2',
        //         '3',
        //         '4',
        //         '5',
        //         '6',
        //         '7',
        //         '8',
        //         '9',
        //         '10',
        //         '11',
        //         '12',
        //         '13',
        //         '14',
        //         '15',
        //         '16',
        //         '17',
        //         '18',
        //         '19'
        //     ]
        // }]

        // this.rightRollerLayers = [{
        //     title: '2022年6月影像',
        //     url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
        //     layer: 'nanchengdom',
        //     style: 'default',
        //     tileMatrixSetID: 'default028mm',
        //     format: 'image/png',
        //     tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
        //     maximumLevel: 19,
        //     tileMatrixLabels: [
        //         '0',
        //         '1',
        //         '2',
        //         '3',
        //         '4',
        //         '5',
        //         '6',
        //         '7',
        //         '8',
        //         '9',
        //         '10',
        //         '11',
        //         '12',
        //         '13',
        //         '14',
        //         '15',
        //         '16',
        //         '17',
        //         '18',
        //         '19'
        //     ]
        // }, {
        //     title: '2022年7月影像',
        //     url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
        //     layer: 'nanchengdomjuly',
        //     style: 'default',
        //     tileMatrixSetID: 'default028mm',
        //     format: 'image/png',
        //     tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
        //     maximumLevel: 19,
        //     tileMatrixLabels: [
        //         '0',
        //         '1',
        //         '2',
        //         '3',
        //         '4',
        //         '5',
        //         '6',
        //         '7',
        //         '8',
        //         '9',
        //         '10',
        //         '11',
        //         '12',
        //         '13',
        //         '14',
        //         '15',
        //         '16',
        //         '17',
        //         '18',
        //         '19'
        //     ]
        // }]
    },
    mounted () {
        if (global.viewer != null) {
            global.viewer = null
        }

        var _this = this
        function initViewer () {
            global.viewer = new global.DC.Viewer('viewer-container', {
                contextOptions: {
@@ -313,66 +176,21 @@
                    maximumLevel: 18
                })
            )
            viewdata.forEach(item => {
                global.viewer.imageryLayers.addImageryProvider(
                    new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                        url: item.selectItem.url,
                        maximumLevel: 18
                    })
                )
            })
            // var layerOne = new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
            //     url: 'http://59.55.128.155:9003/image/wmts/x6FjrhkG/{z}/{x}/{y}',
            //     // url: 'http://59.55.128.155:9003/image/wmts/vNjFuYLb/{z}/{x}/{y}',
            //     maximumLevel: 18
            // })
            //
            // global.viewer.imageryLayers.addImageryProvider(layerOne)

            // global.viewer.flyTo(layerOne)

            // http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer

            // 矢量电子
            // 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=e9533f5acb2ac470b07f406a4d24b4f0',
            //         subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
            //         format: 'image/jpeg',
            //         show: true,
            //         maximumLevel: 18
            //     })
            // )

            // 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=e9533f5acb2ac470b07f406a4d24b4f0',
            //         subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
            //         format: 'image/jpeg',
            //         show: true,
            //         maximumLevel: 18
            //     })
            // )

            global.viewer.use(new global.DC.Measure())
            // 初始化地图坐标 默认显示第一个基地
            global.viewer.camera.setView({
                // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
                // fromDegrees()方法，将经纬度和高程转换为世界坐标
                destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                        viewdata[0].latitude, viewdata[0].longitude, 1800.0
                ),
                orientation: {
                    // 指向
                    heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                    // 视角
                    pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                    roll: 0.0
                }
            })

          _this.$nextTick(() => {
            if (viewdata.length > 0) {
              _this.settingViewdata(viewdata)
            }
          });

            // global.viewer.locationBar.enable = true
        }



        global.DC.ready(initViewer)
    },
@@ -577,6 +395,31 @@
            this.$refs.rightRoller.clearLayer()

            // global.viewer.imageryLayers.removeAll()
        },
        settingViewdata(viewdata) {
          viewdata.forEach(item => {
            global.viewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                  url: item.selectItem.url,
                  maximumLevel: 18
                })
            )
          })
          // 初始化地图坐标 默认显示第一个基地
          global.viewer.camera.setView({
            // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
            // fromDegrees()方法，将经纬度和高程转换为世界坐标
            destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                viewdata[0].latitude, viewdata[0].longitude, 1800.0
            ),
            orientation: {
              // 指向
              heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
              // 视角
              pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
              roll: 0.0
            }
          })
        }
    }
}

 src/views/home/index.vue

@@ -417,8 +417,8 @@
                            进入基地
                            <i class="el-icon-arrow-right"></i>
                        </div>
                        <div class="scene">
                            <a :href="farmDetails.panoramic" target="_blank">
                        <div v-if="farmDetails.panoramic" class="scene">
                            <a  :href="farmDetails.panoramic" target="_blank">
                                <img src="../../../public/img/icon/360.png" alt />
                            </a>
                        </div>