video-loading,与视角锁定

shuishen

2023-02-22 7d115dedb4b71f06bf0bffad34fd574b70cc2e31

video-loading,与视角锁定

 src/components/loading/index.vue

New file
@@ -0,0 +1,70 @@
<template>
    <div class="loading-container">
        <div class="loadingSeven">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
</template>

<script>
export default {
    name: 'videoLoading'
}
</script>

<style>
.loading-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loadingSeven {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loadingSeven span {
    margin: 0 2px;
    width: 8px;
    border-radius: 4px;
    background: #ff0000;
    animation: loadsaven 1.04s ease infinite;
}

@keyframes loadsaven {
    0%,
    100% {
        height: 20px;
        background: #ff0000;
    }
    50% {
        height: 40px;
        background: #ff6700;
    }
}

.loadingSeven span:nth-child(2) {
    animation-delay: 0.13s;
}
.loadingSeven span:nth-child(3) {
    animation-delay: 0.26s;
}
.loadingSeven span:nth-child(4) {
    animation-delay: 0.39s;
}
.loadingSeven span:nth-child(5) {
    animation-delay: 0.52s;
}
</style>

 src/components/map/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 17:00:30
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-02-22 09:53:06
 * @LastEditTime: 2023-02-22 14:51:48
 * @FilePath: \srs-police-affairs\src\components\map\index.vue
 * @Description: 公用地图组件
 * 
@@ -155,6 +155,8 @@
                }
            })

            global.viewer.setPitchRange(-90, -45)

            // global.viewer.scene.globe.depthTestAgainstTerrain = false

            // 去除logo

 src/main.js

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-09-07 09:34:58
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-02-20 09:52:16
 * @LastEditTime: 2023-02-22 11:58:46
 * @FilePath: \srs-police-affairs\src\main.js
 * @Description: 
 * 
@@ -12,6 +12,7 @@
import App from './App.vue'
import router from './router/page'
import store from './store'
import videoLoading from '@/components/loading'

import { EventBus } from '@/eventBus/event-bus'

@@ -64,6 +65,7 @@
Vue.prototype.$EventBus = EventBus
Vue.use(ElementUI)
Vue.use(VueAxios, axios)
Vue.use(videoLoading)

new Vue({
    router,

 src/views/layout/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:24
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-02-22 11:29:39
 * @LastEditTime: 2023-02-22 13:43:08
 * @FilePath: \srs-police-affairs\src\views\layout\index.vue
 * @Description: 
 *