| | |
| | | <template> |
| | | <div class="mapViewer"> |
| | | <leftpanel |
| | | ref="Left" |
| | | v-show="false" |
| | | /> |
| | | <leftpanel ref="Left" v-show="false" /> |
| | | <bottommenu /> |
| | | <left-menu v-if="queryShow"></left-menu> |
| | | <viewer class="mapViewer" /> |
| | | </div> |
| | | </template> |
| | |
| | | import viewer from "@/components/map/viewer"; |
| | | import leftpanel from "@/components/left/index"; |
| | | import bottommenu from "@/components/menu/bottom-menu"; |
| | | import leftMenu from "@/components/menu/leftMenu.vue"; |
| | | import vueEvents from '@/utils/vueEvent.js' |
| | | |
| | | export default { |
| | | name: "index", |
| | | components: { |
| | | viewer, |
| | | leftpanel, |
| | | bottommenu, |
| | | leftMenu |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | offset: "0%", |
| | | tooltipInfo: "请稍后。。。", |
| | | tooltipShow: false, |
| | | queryShow: false, |
| | | }; |
| | | }, |
| | | mounted() { |
| | |
| | | this.scale = (100 / size).toFixed(2); |
| | | this.offset = "-" + ((size - 100) / 2).toFixed(2) + "%"; |
| | | this.size = size + "%"; |
| | | // this.queryShow = rpc.isShow; |
| | | vueEvents.$on('queryLayer', (res) => { |
| | | this.queryShow = res |
| | | }) |
| | | }, |
| | | methods: { |
| | | queryShow(res) { |
| | | this.queryShow = res; |
| | | } |
| | | }, |
| | | watch: { |
| | | }, |
| | | |
| | | watch: {}, |
| | | methods: { |
| | | detectZoom() { |
| | | var ratio = 0, |