| | |
| | | <public-box class="campus-nav-box"> |
| | | <template slot="public-box-header"> |
| | | <div class="title"> |
| | | <img class="icon deblurring" src="/zhxy/img/icon/xndh.png" alt /> |
| | | <img class="icon deblurring" src="/zhjg/img/icon/xndh.png" alt /> |
| | | <span>校区内导航</span> |
| | | </div> |
| | | <img class="close deblurring" src="/zhxy/img/navicon/close.png" alt @click="closeModel" /> |
| | | <img class="close deblurring" src="/zhjg/img/navicon/close.png" alt @click="closeModel" /> |
| | | </template> |
| | | <template slot="public-box-content"> |
| | | <div class="tab"> |
| | |
| | | </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> |
| | |
| | | Number(this.terminus[1]), |
| | | Number(this.terminus[2]) |
| | | ), |
| | | '/zhxy/img/navicon/end.png' |
| | | '/zhjg/img/navicon/end.png' |
| | | ) |
| | | CamPusNavLayer.campusEndLayer.addOverlay(endEntity) |
| | | } else if (val == 'end') { |
| | |
| | | Number(this.startingPoint[1]), |
| | | Number(this.startingPoint[2]) |
| | | ), |
| | | '/zhxy/img/navicon/start.png' |
| | | '/zhjg/img/navicon/start.png' |
| | | ) |
| | | CamPusNavLayer.campusStartLayer.addOverlay(startEntity) |
| | | } |
| | |
| | | Number(lnglat[1]), |
| | | Number(0) |
| | | ), |
| | | '/zhxy/img/navicon/start.png' |
| | | '/zhjg/img/navicon/start.png' |
| | | ) |
| | | CamPusNavLayer.campusStartLayer.addOverlay(startEntity) |
| | | } else if (that.butChouse == 'end') { |
| | |
| | | Number(lnglat[1]), |
| | | Number(0) |
| | | ), |
| | | '/zhxy/img/navicon/end.png' |
| | | '/zhjg/img/navicon/end.png' |
| | | ) |
| | | CamPusNavLayer.campusEndLayer.addOverlay(endEntity) |
| | | } |
| | |
| | | Number(this.startingPoint[1]), |
| | | Number(this.startingPoint[2]) |
| | | ), |
| | | '/zhxy/img/navicon/start.png' |
| | | '/zhjg/img/navicon/start.png' |
| | | ) |
| | | CamPusNavLayer.campusRouteLayer.addOverlay(startEntity) |
| | | // var end = global.DC.Transform.transformWGS84ToCartesian() |
| | |
| | | Number(this.terminus[1]), |
| | | Number(this.terminus[2]) |
| | | ), |
| | | '/zhxy/img/navicon/end.png' |
| | | '/zhjg/img/navicon/end.png' |
| | | ) |
| | | CamPusNavLayer.campusRouteLayer.addOverlay(endEntity) |
| | | |
| | |
| | | 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, |
| | | image: '/zhxy/img/icon/right.png', |
| | | image: '/zhjg/img/icon/right.png', |
| | | repeat: { x: 320, y: 1 } |
| | | }), |
| | | clampToGround: true |
| | |
| | | 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, |
| | | image: '/zhxy/img/icon/right.png', |
| | | image: '/zhjg/img/icon/right.png', |
| | | repeat: { x: 320, y: 1 } |
| | | }), |
| | | clampToGround: true |
| | |
| | | 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, |
| | | image: '/zhxy/img/icon/right.png', |
| | | image: '/zhjg/img/icon/right.png', |
| | | repeat: { x: 320, y: 1 } |
| | | }), |
| | | clampToGround: true |
| | |
| | | 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, |
| | | image: '/zhxy/img/icon/right.png', |
| | | image: '/zhjg/img/icon/right.png', |
| | | repeat: { x: 320, y: 1 } |
| | | }), |
| | | clampToGround: true |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scope></style> |
| | | <style lang="scss" scope> |
| | | |
| | | </style> |