1

shuishen

2022-11-18 37a4a03e1ddef4f66904dccee54b684e73e9a3b2

 src/components/map/index.vue

@@ -1,12 +1,8 @@
/* eslint-disable camelcase */
<template>
    <div id="viewer-container" style="height: 100%; width: 100%" @click="mapClick($event)">
        <dimension
            :wheelFlag="wheelFlag"
            :startWheel="startWheel"
            :startSmallWheel="startSmallWheel"
            @change-wheel="changeWheel"
        />
        <dimension :wheelFlag="wheelFlag" :startWheel="startWheel" :startSmallWheel="startSmallWheel"
            @change-wheel="changeWheel" />

        <calender v-if="calenderShow" />

@@ -22,12 +18,8 @@
        <org-nav-bar v-if="orgNavBarFlag"></org-nav-bar>
        <arc-nav-bar v-if="arcNavBarFlag"></arc-nav-bar>

        <div
            id="eagleEyeMap"
            @mouseover="samllMapFlag = true"
            @mouseleave="samllMapFlag = false"
            class="eagle-eye-map"
        ></div>
        <div id="eagleEyeMap" @mouseover="samllMapFlag = true" @mouseleave="samllMapFlag = false" class="eagle-eye-map">
        </div>
    </div>
</template>
<script>
@@ -50,7 +42,8 @@
            samllMapFlag: false,
            wheelFlag: true,
            startWheel: false,
            startSmallWheel: false
            startSmallWheel: false,
            mapCenter: [115.79647126999, 28.6421878133715, 1000]
        }
    },
    watch: {
@@ -212,6 +205,25 @@
                        stencil: true,
                        preserveDrawingBuffer: true
                    }
                }
            })

            global.DC.Namespace.Cesium.Camera.DEFAULT_VIEW_RECTANGLE = global.DC.Namespace.Cesium.Rectangle.fromDegrees(115.788116, 28.638531, 151.805469, 28.646045)

            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
                }
            })

@@ -564,6 +576,24 @@
            global.viewer.compass.enable = true
            global.viewer.zoomController.enable = true
            global.viewer.locationBar.enable = true

            const seeNewLayer = new global.DC.VectorLayer('seeNewLayer')
            global.viewer.addLayer(seeNewLayer)

            const billboard = new global.DC.Billboard(
                new global.DC.Position(
                    115.79624983,
                    28.64160990,
                    0
                ), '/zhjg/img/icon/yx.png')

            billboard.size = [67, 266]

            billboard.setStyle({
                pixelOffset: { x: 0, y: -133 }
            })

            seeNewLayer.addOverlay(billboard)

            // DC的鹰眼地图
            // global.viewer.hawkeyeMap.enable = true
@@ -1002,7 +1032,7 @@
    border-radius: 50%;
    width: 200px;
    height: 200px;
    z-index: 99;
    z-index: 11;
    overflow: hidden;
}
</style>