解决火狐浏览器鹰眼无法正常使用的问题

shuishen

2022-03-07 2025a212c77d8a9c5261e0ad35ce61c4bad96d2b

解决火狐浏览器鹰眼无法正常使用的问题

 src/components/map/index.vue

@@ -43,7 +43,12 @@
        <org-nav-bar v-if="orgNavBarFlag"></org-nav-bar>
        <arc-nav-bar v-if="arcNavBarFlag"></arc-nav-bar>

        <div id="eagleEyeMap" class="eagle-eye-map"></div>
        <div
            id="eagleEyeMap"
            @mouseover="samllMapFlag = true"
            @mouseleave="samllMapFlag = false"
            class="eagle-eye-map"
        ></div>
    </div>
</template>
<script>
@@ -62,7 +67,8 @@
    data () {
        return {
            DC: null,
            areaLayer: null
            areaLayer: null,
            samllMapFlag: false
        }
    },
    watch: {
@@ -242,37 +248,52 @@
                // sceneMode: that.DC.Namespace.Cesium.SceneMode.SCENE2D
            })

            eagleViewer.camera.setView({
                // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
                // fromDegrees()方法，将经纬度和高程转换为世界坐标
                destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                    115.871863, 28.743861, 1400.0
                ),
                orientation: {
                    // 指向
                    heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0),
                    // 视角
                    pitch: that.DC.Namespace.Cesium.Math.toRadians(-90),
                    roll: 0.0
                }
            })
            eagleViewer.imageryLayers.addImageryProvider(
                new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
                    type: 'wmts',
                    layer: 'vec',
                    style: 'default',
                    format: 'tiles',
                    tileMatrixSetID: 'w',
                    show: true,
                    maximumLevel: 18
                })
            )

            eagleViewer.imageryLayers.addImageryProvider(
                new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
                    type: 'wmts',
                    layer: 'cva',
                    style: 'default',
                    format: 'tiles',
                    tileMatrixSetID: 'w',
                    show: true,
                    maximumLevel: 18
                })
            )

            var sceneL = viewer.scene
            var sceneR = eagleViewer.scene

            var handlerL = new that.DC.Namespace.Cesium.ScreenSpaceEventHandler(sceneL.canvas)
            var handlerR = new that.DC.Namespace.Cesium.ScreenSpaceEventHandler(sceneR.canvas)

            var isLeftTrigger = false

            var isRightTrigger = false

            viewer.on(that.DC.MouseEventType.MOUSE_MOVE, () => {
            handlerL.setInputAction(function (movement) {
                isLeftTrigger = true
                isRightTrigger = false
            })
            }, that.DC.Namespace.Cesium.ScreenSpaceEventType.MOUSE_MOVE)

            handlerR.setInputAction(function (movement) {
                isLeftTrigger = false
                isRightTrigger = true
                if (that.samllMapFlag) {
                    isLeftTrigger = false
                    isRightTrigger = true
                }
            }, that.DC.Namespace.Cesium.ScreenSpaceEventType.MOUSE_MOVE)

            var syncviewer = function () {
@@ -304,7 +325,7 @@
            viewer.scene.preRender.addEventListener(syncviewer)

            var synceagleViewer = function () {
                if (isRightTrigger) {
                if (isRightTrigger && that.samllMapFlag) {
                    viewer.camera.flyTo({

                        destination: eagleViewer.camera.position,
@@ -324,6 +345,21 @@
                    })
                }
            }

            eagleViewer.camera.setView({
                // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
                // fromDegrees()方法，将经纬度和高程转换为世界坐标
                destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                    115.871863, 28.743861, 1400.0
                ),
                orientation: {
                    // 指向
                    heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0),
                    // 视角
                    pitch: that.DC.Namespace.Cesium.Math.toRadians(-90),
                    roll: 0.0
                }
            })

            eagleViewer.camera.changed.addEventListener(synceagleViewer)

@@ -355,32 +391,6 @@
            //         duration: 0.0
            //     })
            // })

            eagleViewer.imageryLayers.addImageryProvider(
                new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
                    type: 'wmts',
                    layer: 'vec',
                    style: 'default',
                    format: 'tiles',
                    tileMatrixSetID: 'w',
                    show: true,
                    maximumLevel: 18
                })
            )

            eagleViewer.imageryLayers.addImageryProvider(
                new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
                    type: 'wmts',
                    layer: 'cva',
                    style: 'default',
                    format: 'tiles',
                    tileMatrixSetID: 'w',
                    show: true,
                    maximumLevel: 18
                })
            )

            that.createdLayers(viewer)