<template>
|
<div class="m-left-control">
|
<div class="m-l-inbut zoom-in" @click="zoomIn">
|
<i class="el-icon-refresh"></i>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { mapGetters } from "vuex";
|
export default {
|
name: "mobileCortrol",
|
data() {
|
return {
|
DC: "",
|
};
|
},
|
computed: {
|
...mapGetters(["mviewer"]),
|
},
|
created() {
|
this.DC = global.DC;
|
},
|
methods: {
|
zoomIn(val) {
|
let that = this;
|
// console.log(val);
|
// 121.49592752204283 31.23567802276832
|
this.mviewer.zoomToPosition(
|
new that.DC.Position(
|
121.49592752204283,
|
31.23567802276832 - 0.012,
|
2530,
|
0,
|
-45
|
)
|
);
|
// 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,
|
// });
|
},
|
},
|
};
|
</script>
|
|
<style scoped lang='scss'>
|
.m-left-control {
|
position: fixed;
|
left: 20px;
|
top: 87px;
|
z-index: 201 !important;
|
.m-l-inbut {
|
width: 35px;
|
height: 35px;
|
background-color: #c9302c;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
color: white;
|
font-size: 22px;
|
margin-bottom: 12px;
|
border-radius: 5px;
|
}
|
}
|
</style>
|
