| | |
| | | <left-nav ref="leftNav"></left-nav> |
| | | |
| | | <mapPopup /> |
| | | |
| | | <!-- <campusBuildingSearch /> --> |
| | | <div class="keep-out"> |
| | | 智慧校园 |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | |
| | | import { mapGetters } from 'vuex' |
| | | import mapPopup from './component/mapPopup.vue' |
| | | import mapPopup from './components/mapPopup.vue' |
| | | import campusBuildingSearch from './components/campusBuildingSearch.vue' |
| | | |
| | | export default { |
| | | name: 'mapBox', |
| | | components: { |
| | | mapPopup |
| | | mapPopup, |
| | | campusBuildingSearch |
| | | }, |
| | | data () { |
| | | return { |
| | |
| | | ) |
| | | wall.setStyle({ |
| | | material: new that.DC.WallTrailMaterialProperty({ |
| | | color: that.DC.Color.DEEPSKYBLUE, |
| | | speed: 4 |
| | | color: that.DC.Namespace.Cesium.Color.fromBytes(0, 142, 255, 150), |
| | | // color: that.DC.Color.CYAN, |
| | | speed: 10 |
| | | }) |
| | | }) |
| | | wallLayer.addOverlay(wall) |
| | | |
| | | viewer.use(new that.DC.Measure()) |
| | | // viewer.use(new that.DC.Measure()) |
| | | |
| | | // viewer.flyTo(wallLayer) |
| | | |
| | |
| | | |
| | | viewer.compass.enable = true |
| | | viewer.zoomController.enable = true |
| | | viewer.locationBar.enable = true |
| | | viewer.distanceLegend.enable = true |
| | | // viewer.locationBar.enable = true |
| | | // viewer.distanceLegend.enable = true |
| | | } |
| | | |
| | | that.DC.ready(initViewer) |
| | |
| | | </script> |
| | | |
| | | <style lang='scss' scope> |
| | | .keep-out { |
| | | position: fixed; |
| | | left: 6px; |
| | | bottom: 2px; |
| | | z-index: 11; |
| | | width: 72px; |
| | | height: 30px; |
| | | line-height: 30px; |
| | | text-align: center; |
| | | background: rgba(0, 0, 0, 0.8); |
| | | color: #fff; |
| | | border-radius: 8px; |
| | | } |
| | | </style> |