所有图片资源更换等

shuishen

2022-04-08 8c30835a41d59e19183434f5f17e6b45b9920f38

 src/components/map/components/dimension.vue

@@ -36,71 +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 = [
//     {
//         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

@@ -132,16 +292,16 @@
// const fourVH = 800
// const fiveVH = 950

let viewerHeight = 5000
let smallViewerHeight = 6000
let viewerHeight = 700
let smallViewerHeight = 1700

const mixVH = 2000
const maxVH = 5000
const mixVH = 150
const maxVH = 700

const oneVH = 2000
const twoVH = 3000
const fourVH = 4000
const fiveVH = 5000
const oneVH = 150
const twoVH = 300
const fourVH = 500
const fiveVH = 700

// const wallLayer = null

@@ -185,8 +345,10 @@
                [114.03954722, 27.62819644, 100],
                [114.04006133, 27.628038, 100]
            ],
            mapCenter: [116.3570815,
                27.965604, 5000]
            mapCenter: [114.03928009,
                27.63018386, 700]
            // mapCenter: [116.35559028,
            //     27.96548051, 5000]
            // mapCenter: [115.871863, 28.743861, 950.0]
        }
    },
@@ -591,7 +753,8 @@
                                            }
                                        })
                                        viewerHeight = twoVH
                                        this.$emit('change-wheel', false, 'startWheel')
                                        that.$emit('change-wheel', false, 'startWheel')
                                        that.addBaseLayer()
                                        return
                                    }

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

@@ -631,7 +795,8 @@
                                            }
                                        })
                                        viewerHeight = fiveVH
                                        this.$emit('change-wheel', false, 'startWheel')
                                        that.$emit('change-wheel', false, 'startWheel')
                                        that.addBaseLayer()
                                    }
                                }
                            }
@@ -658,7 +823,8 @@
                                            }
                                        })
                                        viewerHeight = fourVH
                                        this.$emit('change-wheel', false, 'startWheel')
                                        that.$emit('change-wheel', false, 'startWheel')
                                        that.addBaseLayer()
                                        return
                                    }

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

@@ -698,7 +865,8 @@
                                            }
                                        })
                                        viewerHeight = oneVH
                                        this.$emit('change-wheel', false, 'startWheel')
                                        that.$emit('change-wheel', false, 'startWheel')
                                        that.addBaseLayer()
                                    }
                                }
                            }
@@ -802,6 +970,8 @@
                    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])
                        }))

@@ -812,6 +982,7 @@
        },

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

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

@@ -883,8 +1054,8 @@
                        }
                    })
                    viewerHeight = oneVH
                    this.$emit('change-wheel', false, 'startWheel')
                    this.addBaseLayer()
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                }
            } else { // 上
                if (viewerHeight == oneVH) {
@@ -903,8 +1074,8 @@
                        }
                    })
                    viewerHeight = twoVH
                    this.$emit('change-wheel', false, 'startWheel')
                    this.addBaseLayer()
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                    return
                }

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

@@ -945,13 +1116,14 @@
                        }
                    })
                    viewerHeight = fiveVH
                    this.$emit('change-wheel', false, 'startWheel')
                    this.addBaseLayer()
                    that.$emit('change-wheel', false, 'startWheel')
                    that.addBaseLayer()
                }
            }
        },

        smallMapCameraEvent () {
            const that = this
            global.eagleViewer.camera.setView({
                orientation: {
                    // 指向
@@ -981,7 +1153,8 @@
                        }
                    })
                    smallViewerHeight = fourVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                    return
                }

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

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

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

@@ -1080,7 +1257,8 @@
                        }
                    })
                    smallViewerHeight = fiveVH + 1000
                    this.$emit('change-wheel', false, 'startSmallWheel')
                    that.$emit('change-wheel', false, 'startSmallWheel')
                    that.addBaseLayer()
                }
            }
        },