From cf5f0dc4f746e604248b8a668fb51e94b2b35f49 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 18 Mar 2023 09:20:54 +0800
Subject: [PATCH] 一键俯视，位置初始化
---
src/components/map/index.vue | 37 +++++++++++++++++++++++++++++++++----
1 files changed, 33 insertions(+), 4 deletions(-)
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 71bef07..e7e7a6f 100644
--- a/src/components/map/index.vue
+++ b/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-03-18 08:38:21
+ * @LastEditTime: 2023-03-18 09:19:55
* @FilePath: \srs-police-affairs\src\components\map\index.vue
* @Description: 公用地图组件
*
@@ -12,6 +12,11 @@
<div class="viewer-box" id="viewer-container">
<slot ref="mainContent" name="mainContent"></slot>
<slot name="showButton"></slot>
+ <div class="over-look-btn">
+ <el-tooltip content="一键俯视" placement="bottom" effect="dark">
+ <i class="fa fa-eye" style="vertical-align: middle; cursor: pointer" @click="overLookClick"></i>
+ </el-tooltip>
+ </div>
<!-- 全屏控制按钮 -->
<div class="screen-full-btn">
<el-tooltip v-if="isFullscreen" content="缩放" placement="bottom" effect="dark">
@@ -23,9 +28,12 @@
</div>
<!-- 切换矢量图按钮 -->
<div class="image-switch-icon-btn">
- <div class="icon-box" @click.stop="showImgBtn = !showImgBtn">
- <img src="/img/base_map.png" alt />
- </div>
+ <el-tooltip content="图层、模型、视角" placement="bottom" effect="dark">
+ <div class="icon-box" @click.stop="showImgBtn = !showImgBtn">
+ <img src="/img/base_map.png" alt />
+ </div>
+ </el-tooltip>
+
<div class="image-switch-img-btn" v-show="showImgBtn">
<div class="layer-change-box">
@@ -33,6 +41,7 @@
底图
<div class="close" @click.stop="showImgBtn = false" title="关闭"></div>
</div>
+
<div class="content">
<div class="img" @click="switchImg">
<span :class="{ on: imgtype == 0 }">影像</span>
@@ -518,10 +527,30 @@
sitePitch: -45
})
}
+
+ document.querySelector('.dc-zoom-controller .refresh svg title').innerHTML = '初始化位置'
+
})
},
methods: {
+ overLookClick () {
+ global.viewer.camera.setView({
+ // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
+ // fromDegrees()方法，将经纬度和高程转换为世界坐标
+ destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
+ 118.04, 28.46938164123123, 60000
+ ),
+ orientation: {
+ // 指向
+ heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
+ // 视角
+ pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
+ roll: 0.0
+ }
+ })
+ },
+
angleChange (e) {
if (e) {
global.viewer.camera.flyTo({
--
Gitblit v1.9.3