| | |
| | | <template> |
| | | <div class="m-left-control"> |
| | | <div class="m-l-inbut zoom-in" @click="zoomIn()"> |
| | | <!-- <div class="m-l-inbut zoom-in" @click="zoomIn()"> |
| | | <i class="el-icon-refresh"></i> |
| | | </div> |
| | | </div> --> |
| | | <!-- <div |
| | | class="m-l-inbut zoom-in m-l-inbut-2d" |
| | | :class="{ active: dimension == '3D' }" |
| | |
| | | class="m-l-inbut zoom-in m-l-inbut-3d" |
| | | :class="{ active: dimension == '2.5D' }" |
| | | @click="zoomIn('2.5D')" |
| | | >3D</div> |
| | | > |
| | | 3D |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapGetters } from 'vuex' |
| | | import { mapGetters } from "vuex"; |
| | | export default { |
| | | name: 'mobileCortrol', |
| | | name: "mobileCortrol", |
| | | data () { |
| | | return { |
| | | } |
| | | return {}; |
| | | }, |
| | | computed: { |
| | | ...mapGetters(['mviewer', 'startPointFn', 'dimension']) |
| | | ...mapGetters(["mviewer", "startPointFn", "dimension"]), |
| | | }, |
| | | created () { |
| | | }, |
| | | created() {}, |
| | | methods: { |
| | | zoomIn (val) { |
| | | // this.$store.dispatch("mapFlyTo", { |
| | |
| | | // }); |
| | | if (val) { |
| | | if (this.dimension != val) { |
| | | this.$store.dispatch('MSET_DIMENSIONS', val) |
| | | this.$store.dispatch("MSET_DIMENSIONS", val); |
| | | } |
| | | return |
| | | return; |
| | | } |
| | | this.startPointFn() |
| | | } |
| | | } |
| | | } |
| | | this.startPointFn(); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |