| | |
| | | <div class="title"> |
| | | {{ title }} |
| | | <a href="javascript:void(0);" title="全景浏览"> |
| | | <img |
| | | @click="panoramaPlay" |
| | | class="panorama-control deblurring" |
| | | src="/zhxy/img/icon/panorama.png" |
| | | alt |
| | | /> |
| | | <img @click="panoramaPlay" class="panorama-control deblurring" src="/zhjg/img/icon/panorama.png" |
| | | alt /> |
| | | </a> |
| | | <a href="javascript:void(0);" title="语音介绍"> |
| | | <img |
| | | @click="audioPlay" |
| | | class="audio-control deblurring" |
| | | :src="audioImgUrl" |
| | | alt |
| | | /> |
| | | <img @click="audioPlay" class="audio-control deblurring" :src="audioImgUrl" alt /> |
| | | </a> |
| | | <a href="javascript:void(0);" title="关闭"> |
| | | <img |
| | | @click="closeModel" |
| | | class="close-box deblurring" |
| | | src="/zhxy/img/navicon/close.png" |
| | | alt |
| | | /> |
| | | <img @click="closeModel" class="close-box deblurring" src="/zhjg/img/navicon/close.png" alt /> |
| | | </a> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="title"> |
| | | 全景浏览 |
| | | <a href="javascript:void(0);" title="关闭"> |
| | | <img |
| | | @click="(panoramaShow = false), (panoramaUrl = '')" |
| | | class="close-box" |
| | | src="/zhxy/img/navicon/close.png" |
| | | alt |
| | | /> |
| | | <img @click="(panoramaShow = false), (panoramaUrl = '')" class="close-box" |
| | | src="/zhjg/img/navicon/close.png" alt /> |
| | | </a> |
| | | </div> |
| | | <div class="content"> |
| | | <iframe |
| | | style="width: 100%; height: 100%" |
| | | :src="panoramaUrl" |
| | | frameborder="0" |
| | | ></iframe> |
| | | <iframe style="width: 100%; height: 100%" :src="panoramaUrl" frameborder="0"></iframe> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | audioSynth: null, |
| | | audioMsg: null, |
| | | panoramaShow: false, |
| | | audioImgUrl: '/zhxy/img/icon/start-video.png' |
| | | audioImgUrl: '/zhjg/img/icon/start-video.png' |
| | | } |
| | | }, |
| | | created () { }, |
| | |
| | | // this.audioSynth.cancel(); |
| | | that.audioFlag = false |
| | | that.audioCourse = false |
| | | that.audioImgUrl = '/zhxy/img/icon/close-video.png' |
| | | that.audioImgUrl = '/zhjg/img/icon/close-video.png' |
| | | } |
| | | this.getData() |
| | | |
| | |
| | | |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: new global.DC.PolylineImageTrailMaterialProperty({ |
| | | color: global.DC.Namespace.Cesium.Color.fromBytes(10, 255, 10), |
| | | speed: 60, |
| | | image: '/zhxy/img/icon/right.png', |
| | | image: '/zhjg/img/icon/right.png', |
| | | repeat: { x: 320, y: 1 } |
| | | }), |
| | | clampToGround: true |
| | |
| | | ` |
| | | <div class="point-entitys-box"> |
| | | <div class="point-logo"> |
| | | <img src="/zhxy/img/icon/activity.png"> |
| | | <img src="/zhjg/img/icon/activity.png"> |
| | | </div> |
| | | <div class="point-title"> |
| | | ${name} |
| | |
| | | this.audioSynth.speak(this.audioMsg) |
| | | this.audioFlag = true |
| | | this.audioCourse = true |
| | | this.audioImgUrl = '/zhxy/img/icon/start-video.png' |
| | | this.audioImgUrl = '/zhjg/img/icon/start-video.png' |
| | | } else { |
| | | if (this.audioCourse == true) { |
| | | this.audioSynth.pause() |
| | | this.audioCourse = false |
| | | this.audioImgUrl = '/zhxy/img/icon/close-video.png' |
| | | this.audioImgUrl = '/zhjg/img/icon/close-video.png' |
| | | } else { |
| | | this.audioSynth.resume() |
| | | this.audioCourse = true |
| | | this.audioImgUrl = '/zhxy/img/icon/start-video.png' |
| | | this.audioImgUrl = '/zhjg/img/icon/start-video.png' |
| | | } |
| | | } |
| | | }, |
| | |
| | | padding: 0 16px; |
| | | height: calc(100% - 36px); |
| | | |
| | | & > div { |
| | | &>div { |
| | | margin-bottom: 10px; |
| | | } |
| | | |
| | | & > div:last-child { |
| | | &>div:last-child { |
| | | margin-bottom: 0px; |
| | | } |
| | | |