| | |
| | | </el-input> |
| | | <div v-show="toNameShow" class="toname-value-box"> |
| | | <ul> |
| | | <li |
| | | v-for="(item, index) in toNameList" |
| | | :key="index" |
| | | @click="originChange(item)" |
| | | >{{ item.mechanismname }}</li> |
| | | <li v-for="(item, index) in toNameList" :key="index" @click="originChange(item)">{{ |
| | | item.mechanismname |
| | | }}</li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | |
| | | </el-input> |
| | | <div v-show="comeNameShow" class="comename-value-box"> |
| | | <ul> |
| | | <li |
| | | v-for="(item, index) in comeNameList" |
| | | :key="index" |
| | | @click="terminusChange(item)" |
| | | >{{ item.mechanismname }}</li> |
| | | <li v-for="(item, index) in comeNameList" :key="index" @click="terminusChange(item)">{{ |
| | | item.mechanismname |
| | | }}</li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <div class="path-box" v-show="pathBoxShow"> |
| | | <ul> |
| | | <li v-for="(item, index) in pathBoxList" :key="index">{{item.instruction}}</li> |
| | | <li v-for="(item, index) in pathBoxList" :key="index">{{ item.instruction }}</li> |
| | | </ul> |
| | | </div> |
| | | </template> |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: global.DC.Color.RED, |
| | | clampToGround: true |
| | | }) |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: global.DC.Color.RED, |
| | | clampToGround: true |
| | | }) |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: global.DC.Color.RED, |
| | | clampToGround: true |
| | | }) |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: global.DC.Color.RED, |
| | | clampToGround: true |
| | | }) |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scope></style> |
| | | <style lang="scss" scope> |
| | | |
| | | </style> |
| | |
| | | </el-input> |
| | | <div v-show="toNameShow" class="toname-value-box"> |
| | | <ul> |
| | | <li |
| | | v-for="(item, index) in toNameList" |
| | | :key="index" |
| | | @click="originChange(item)" |
| | | >{{ item.mechanismname }}</li> |
| | | <li v-for="(item, index) in toNameList" :key="index" @click="originChange(item)">{{ |
| | | item.mechanismname |
| | | }}</li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | |
| | | </el-input> |
| | | <div v-show="comeNameShow" class="comename-value-box"> |
| | | <ul> |
| | | <li |
| | | v-for="(item, index) in comeNameList" |
| | | :key="index" |
| | | @click="terminusChange(item)" |
| | | >{{ item.mechanismname }}</li> |
| | | <li v-for="(item, index) in comeNameList" :key="index" @click="terminusChange(item)">{{ |
| | | item.mechanismname |
| | | }}</li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <div class="path-box" v-show="pathBoxShow"> |
| | | <ul> |
| | | <li v-for="(item, index) in pathBoxList" :key="index">{{item.instruction}}</li> |
| | | <li v-for="(item, index) in pathBoxList" :key="index">{{ item.instruction }}</li> |
| | | </ul> |
| | | </div> |
| | | </template> |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: new global.DC.PolylineImageTrailMaterialProperty({ |
| | | color: global.DC.Namespace.Cesium.Color.fromBytes(10, 255, 10), |
| | | speed: 60, |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: new global.DC.PolylineImageTrailMaterialProperty({ |
| | | color: global.DC.Namespace.Cesium.Color.fromBytes(10, 255, 10), |
| | | speed: 60, |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: new global.DC.PolylineImageTrailMaterialProperty({ |
| | | color: global.DC.Namespace.Cesium.Color.fromBytes(10, 255, 10), |
| | | speed: 60, |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: new global.DC.PolylineImageTrailMaterialProperty({ |
| | | color: global.DC.Namespace.Cesium.Color.fromBytes(10, 255, 10), |
| | | speed: 60, |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scope></style> |
| | | <style lang="scss" scope> |
| | | |
| | | </style> |
| | |
| | | </el-input> |
| | | <div v-show="toNameShow" class="toname-value-box"> |
| | | <ul> |
| | | <li |
| | | v-for="(item, index) in toNameList" |
| | | :key="index" |
| | | @click="originChange(item)" |
| | | >{{ item.mechanismname }}</li> |
| | | <li v-for="(item, index) in toNameList" :key="index" @click="originChange(item)">{{ |
| | | item.mechanismname |
| | | }}</li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | |
| | | </el-input> |
| | | <div v-show="comeNameShow" class="comename-value-box"> |
| | | <ul> |
| | | <li |
| | | v-for="(item, index) in comeNameList" |
| | | :key="index" |
| | | @click="terminusChange(item)" |
| | | >{{ item.mechanismname }}</li> |
| | | <li v-for="(item, index) in comeNameList" :key="index" @click="terminusChange(item)">{{ |
| | | item.mechanismname |
| | | }}</li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <div class="path-box" v-show="pathBoxShow"> |
| | | <ul> |
| | | <li v-for="(item, index) in pathBoxList" :key="index">{{item.instruction}}</li> |
| | | <li v-for="(item, index) in pathBoxList" :key="index">{{ item.instruction }}</li> |
| | | </ul> |
| | | </div> |
| | | </template> |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: global.DC.Color.RED, |
| | | clampToGround: true |
| | | }) |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: global.DC.Color.RED, |
| | | clampToGround: true |
| | | }) |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: global.DC.Color.RED, |
| | | clampToGround: true |
| | | }) |
| | |
| | | const polyline = new global.DC.Polyline(routes) |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: global.DC.Color.RED, |
| | | clampToGround: true |
| | | }) |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scope></style> |
| | | <style lang="scss" scope> |
| | | |
| | | </style> |
| | |
| | | <div class="title"> |
| | | {{ title }} |
| | | <a href="javascript:void(0);" title="全景浏览"> |
| | | <img |
| | | @click="panoramaPlay" |
| | | class="panorama-control deblurring" |
| | | src="/zhjg/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="/zhjg/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="/zhjg/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> |
| | |
| | | |
| | | polyline.setStyle({ |
| | | width: 6, |
| | | arcType: true, |
| | | material: new global.DC.PolylineImageTrailMaterialProperty({ |
| | | color: global.DC.Namespace.Cesium.Color.fromBytes(10, 255, 10), |
| | | speed: 60, |
| | |
| | | padding: 0 16px; |
| | | height: calc(100% - 36px); |
| | | |
| | | & > div { |
| | | &>div { |
| | | margin-bottom: 10px; |
| | | } |
| | | |
| | | & > div:last-child { |
| | | &>div:last-child { |
| | | margin-bottom: 0px; |
| | | } |
| | | |
| | |
| | | window.polylinedaohang = new global.DC.Polyline(value) // 加入线 |
| | | window.polylinedaohang.setStyle({ |
| | | width: 4, |
| | | arcType: true, |
| | | material: global.DC.Color.RED, |
| | | clampToGround: true |
| | | }) |