| | |
| | | <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" /> |
| | | <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> |
| | | </div> |
| | | </template> |
| | |
| | | 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> |