| | |
|---|
| | | <template> |
|---|
| | | <div class="m-left-control"> |
|---|
| | | <div class="m-l-inbut">+</div> |
|---|
| | | <div class="m-l-inbut">-</div> |
|---|
| | | <div class="m-l-inbut" @click="zoomIn('+')">+</div> |
|---|
| | | <div class="m-l-inbut" @click="zoomIn('-')">-</div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { mapGetters } from "vuex"; |
|---|
| | | export default { |
|---|
| | | name: "mobileCortrol", |
|---|
| | | computed: {}, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | viewer: null, |
|---|
| | | DC: null, |
|---|
| | | }; |
|---|
| | | computed: { |
|---|
| | | ...mapGetters(["mviewer"]), |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.DC = global.DC; |
|---|
| | | }, |
|---|
| | | mounted() {}, |
|---|
| | | methods: { |
|---|
| | | initialize(viewer) { |
|---|
| | | viewer.scene.globe.depthTestAgainstTerrain = false; |
|---|
| | | this.viewer = viewer; |
|---|
| | | zoomIn(val) { |
|---|
| | | console.log(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, |
|---|
| | | // }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
