From 81773ab04fd259e893c2d7f08dbdc9be772d01c4 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Tue, 21 Dec 2021 17:18:45 +0800
Subject: [PATCH] +,请求数据，弹框显示，优化代码长度
---
src/components/mobileCortrol/index.vue | 69 +++++++++++-----------------------
1 files changed, 22 insertions(+), 47 deletions(-)
diff --git a/src/components/mobileCortrol/index.vue b/src/components/mobileCortrol/index.vue
index 689f8dc..726fd18 100644
--- a/src/components/mobileCortrol/index.vue
+++ b/src/components/mobileCortrol/index.vue
@@ -1,7 +1,8 @@
<template>
<div class="m-left-control">
- <div class="m-l-inbut" @click="zoomIn('+')">+</div>
- <div class="m-l-inbut" @click="zoomIn('-')">-</div>
+ <div class="m-l-inbut zoom-in" @click="zoomIn">
+ <i class="el-icon-refresh"></i>
+ </div>
</div>
</template>
@@ -9,52 +10,26 @@
import { mapGetters } from "vuex";
export default {
name: "mobileCortrol",
+ data() {
+ return {
+ DC: "",
+ };
+ },
computed: {
...mapGetters(["mviewer"]),
},
+ created() {
+ this.DC = global.DC;
+ },
methods: {
zoomIn(val) {
- let camera = this.mviewer.camera;
- // console.log(camera.moveStart());
- // this.mviewer.getImageryLayerInfo().then((res) => {
- // console.log(res);
- // });
- var ellipsoid = this.mviewer.scene.globe.ellipsoid;
- var cartesian3 = DC.Namespace.Cesium.cartesian3(
- camera.position.x,
- camera.position.y,
- camera.position.z
- );
- // // var cartographic = ellipsoid.cartesianToCartographic(cartesian3);
- // // var lat = Cesium.Math.toDegrees(cartograhphic.latitude);
- // // var lng = Cesium.Math.toDegrees(cartograhpinc.longitude);
- // // var alt = cartographic.height;
- console.log(cartesian3);
- // let position = camera.position;
- // for (let k in position) {
- // if (k == "x" || k == "y" || k == "z") {
- // console.log(k, " : ", position[k]);
- // }
- // }
- // if (val == "+") {
- // camera.position.x -= 614.8521;
- // camera.position.y -= 1002.9298;
- // camera.position.z += 682.3683;
- // } else if (val == "-") {
- // camera.position.x += 614.8521;
- // camera.position.y += 1002.9298;
- // camera.position.z -= 682.3683;
- // }
- // camera.flyTo({
- // destination: position,
- // orientation: {
- // heading: camera.heading,
- // pitch: camera.pitch,
- // roll: camera.roll,
- // },
- // duration: 0.5,
- // convert: false,
- // });
+ this.$store.dispatch("mapFlyTo", {
+ //飞入
+ lntLat: [121.50492752204283, 31.21567802276832, 2530],
+ heading: 0,
+ pitch: -45,
+ roll: 0,
+ });
},
},
};
@@ -64,11 +39,11 @@
.m-left-control {
position: fixed;
left: 20px;
- top: 20px;
- z-index: 200;
+ top: 87px;
+ z-index: 20 !important;
.m-l-inbut {
- width: 32px;
- height: 32px;
+ width: 35px;
+ height: 35px;
background-color: #c9302c;
display: flex;
align-items: center;
--
Gitblit v1.9.3