| | |
| | | <template> |
| | | <div class="mapViewer"> |
| | | <div class="cacheImage"> |
| | | <img style="display: none;" src="@assets/img/new/rightCircle-y.png" alt="" /> |
| | | <img style="display: none;" src="@assets/img/new/leftCircle-y.png" alt="" /> |
| | | <img style="display: none;" src="@assets/img/new/treeClose-y.png" alt="" /> |
| | | <img style="display: none;" src="@assets/img/new/h1.png" alt="" /> |
| | | </div> |
| | | <img style="display: none;" src="@assets/img/new/rightCircle-y.png" alt="" /> |
| | | <img style="display: none;" src="@assets/img/new/leftCircle-y.png" alt="" /> |
| | | <img style="display: none;" src="@assets/img/new/treeClose-y.png" alt="" /> |
| | | <img style="display: none;" src="@assets/img/new/h1.png" alt="" /> |
| | | </div> |
| | | |
| | | |
| | | <div class="tooltip" :class="{ tooltiphide: !tooltipShow }"> |
| | |
| | | </div> |
| | | |
| | | </div> |
| | | <viewer1 class="mapViewer" :key="switchKey" v-show="viewer1Show" :style="viewer1Style" |
| | | @mousemove.native="viewer1MouseMove" /> |
| | | <viewer class="mapViewer" ref="mapViewer" :style="viewerStyle" @mousemove.native="viewerMouseMove" /> |
| | | <viewer1 class="mapViewer" id="mapOl" :key="switchKey" v-show="viewer1Show" :style="viewer1Style" /> |
| | | <viewer class="mapViewer" id="mapView" ref="mapViewer" :style="viewerStyle" /> |
| | | <measure-coord v-show="$store.state.isShowMeasureCoord"></measure-coord> |
| | | <div class="controlPanel" :style="{ |
| | | width: `${size}`, |
| | | height: `${size}`, |
| | |
| | | <right ref="Right" /> |
| | | <leftpanel ref="Left" /> |
| | | <menupanel /> |
| | | <bottommenu ref="bottommenu" /> |
| | | <!-- <bottommenu ref="bottommenu" /> --> |
| | | <signalling v-if="signallingShow"></signalling> |
| | | <setting v-if="showSetting" /> |
| | | <qycharts v-if="$store.state.qyEchartsShow" /> |
| | | </div> |
| | | |
| | | <div id="imageModel" class="imageModel"> |
| | | <img id="myImage" class="image" src=""> |
| | | </div> |
| | | <message-info v-if="$store.state.showMessageInfo"></message-info> |
| | | <zhai-hai-info v-if="$store.state.isshowZhaiHai"></zhai-hai-info> |
| | | <img-up v-if="$store.state.isShowImgUpDate"></img-up> |
| | | <meu-grid v-if="$store.state.isshowGrid"></meu-grid> |
| | | <map-video v-if="$store.state.isShowVideo"></map-video> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import signalling from "@/components/menu/signalling"; |
| | | import bottommenu from "@/components/menu/bottom-menu"; |
| | | import { mapState, mapMutations } from "vuex"; |
| | | |
| | | import messageInfo from "@/components/left/layerTree/messageInfo.vue"; |
| | | import measureCoord from "@/components/left/layerTree/measureCoord.vue"; |
| | | import zhaiHaiInfo from "./left/layerTree/zhaiHaiInfo.vue"; |
| | | import ImgUp from "@/components/left/layerTree/ImgUp.vue"; |
| | | import meuGrid from "@/components/left/layerTree/meuGrid.vue"; |
| | | import mapVideo from "@/components//left/layerTree/mapVideo.vue"; |
| | | export default { |
| | | name: "index", |
| | | components: { |
| | |
| | | setting, |
| | | qycharts, |
| | | History, |
| | | signalling |
| | | signalling, |
| | | messageInfo, |
| | | measureCoord, |
| | | zhaiHaiInfo, |
| | | ImgUp, |
| | | meuGrid, |
| | | mapVideo |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | offset: "0%", |
| | | tooltipInfo: "请稍后。。。", |
| | | tooltipShow: false, |
| | | signallingShow:false, |
| | | signallingShow: false, |
| | | switchKey: 0, |
| | | // viewer1Show: false, |
| | | }; |
| | |
| | | changePwd() { |
| | | console.log(111); |
| | | }, |
| | | changeMode(mode){ |
| | | changeMode(mode) { |
| | | this.$refs.mapViewer.changeMode(mode); |
| | | }, |
| | | detectZoom() { |
| | |
| | | cameraMoveEnd() { |
| | | // var p = { |
| | | // destination: sgworld.Navigate.getPosition(), |
| | | |
| | | |
| | | // }; |
| | | // sgworld1.Viewer.camera.setView(p); |
| | | }, |
| | |
| | | sgworldEvenListener() { |
| | | // sgworld1.Viewer.camera.setView({ |
| | | // destination: sgworld.Viewer.camera.position.clone(), |
| | | |
| | | |
| | | // }); |
| | | }, |
| | | sgworld1EvenListener() { |
| | | // sgworld.Viewer.camera.setView({ |
| | | // destination: sgworld1.Viewer.camera.position.clone(), |
| | | |
| | | |
| | | // }); |
| | | }, |
| | | closeHighLight() { |
| | |
| | | this.$store.commit("showHistory", false); |
| | | }, |
| | | }, |
| | | beforeDestroy(){ |
| | | beforeDestroy() { |
| | | this.$refs.bottommenu.switchMenu(0); |
| | | }, |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .cacheImage{ |
| | | .cacheImage { |
| | | display: none !important; |
| | | } |
| | | |
| | | .mapViewer { |
| | | height: 100%; |
| | | } |
| | |
| | | } |
| | | |
| | | #headlog { |
| | | width: 965px; |
| | | height: 70px; |
| | | width: 1920px; |
| | | height: 100px; |
| | | position: absolute; |
| | | left: 50%; |
| | | top: 0; |
| | |
| | | .searchBtn { |
| | | width: 40px; |
| | | } |
| | | |
| | | .imageModel { |
| | | z-index: 40; |
| | | position: absolute; |
| | | display: none; |
| | | |
| | | |
| | | } |
| | | |
| | | .imageModel .image { |
| | | width: 30px; |
| | | height: 30px; |
| | | } |
| | | </style> |