| | |
| | | /* eslint-disable camelcase */ |
| | | <template> |
| | | <div style="height: 100%; width: 100%; position: relative;"> |
| | | <div class="location-box"> |
| | | <div v-show="SelectTimeFlag"> |
| | | <select-time ref="leftRoller" :leftOrRight="'left'" class="l-time"></select-time> |
| | | </div> |
| | | |
| | | <div v-show="SelectTimeFlag"> |
| | | <select-time ref="rightRoller" :leftOrRight="'right'" class="r-time"></select-time> |
| | | </div> |
| | | |
| | | <div class="location-box" v-show="!rollerCloseShow && !screenShow"> |
| | | <el-input |
| | | placeholder="请输入地点/经纬度:113.25,30.53" |
| | | v-model="location" |
| | |
| | | </div> |
| | | |
| | | <div class="tool-box"> |
| | | <div class="measure" v-show="screenShow"> |
| | | <!-- <div class="measure" v-show="screenShow"> |
| | | <div class="btn"> |
| | | <span> |
| | | <i class="el-icon-time"></i> |
| | | </span> |
| | | 标注 |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | |
| | | <div class="measure" v-show="!screenShow"> |
| | | <div class="btn"> |
| | | <div class="btn" @click="deactivate"> |
| | | <span> |
| | | <i class="el-icon-time"></i> |
| | | </span> |
| | | 标注 |
| | | 清除 |
| | | </div> |
| | | <div class="line"></div> |
| | | <div class="btn" @click="distanceSurface"> |
| | |
| | | </div> |
| | | |
| | | <div v-show="!rollerCloseShow && !screenShow" class="func"> |
| | | <div class="btn"> |
| | | <div class="btn" style="color: #fff; background: #469CF3; height: 100%;"> |
| | | <span> |
| | | <i class="el-icon-time"></i> |
| | | </span> |
| | |
| | | |
| | | data () { |
| | | return { |
| | | SelectTimeFlag: false, |
| | | rollerCloseShow: false, |
| | | screenShow: false, |
| | | location: '' |
| | |
| | | ) |
| | | |
| | | // http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer |
| | | |
| | | global.viewer.imageryLayers.addImageryProvider( |
| | | new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
| | | url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengyjjddom/MapServer/WMTS', |
| | | // url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS', |
| | | layer: 'nanchengyjjddom', |
| | | style: 'default', |
| | | tileMatrixSetID: 'default028mm', |
| | | format: 'image/png', |
| | | tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(), |
| | | maximumLevel: 19, |
| | | tileMatrixLabels: [ |
| | | '0', |
| | | '1', |
| | | '2', |
| | | '3', |
| | | '4', |
| | | '5', |
| | | '6', |
| | | '7', |
| | | '8', |
| | | '9', |
| | | '10', |
| | | '11', |
| | | '12', |
| | | '13', |
| | | '14', |
| | | '15', |
| | | '16', |
| | | '17', |
| | | '18', |
| | | '19' |
| | | ] |
| | | }) |
| | | ) |
| | | |
| | | global.viewer.imageryLayers.addImageryProvider( |
| | | new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ |
| | | url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS', |
| | | // url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS', |
| | | layer: 'nanchengdom', |
| | | style: 'default', |
| | | tileMatrixSetID: 'default028mm', |
| | | format: 'image/png', |
| | | tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(), |
| | | maximumLevel: 19, |
| | | tileMatrixLabels: [ |
| | | '0', |
| | | '1', |
| | | '2', |
| | | '3', |
| | | '4', |
| | | '5', |
| | | '6', |
| | | '7', |
| | | '8', |
| | | '9', |
| | | '10', |
| | | '11', |
| | | '12', |
| | | '13', |
| | | '14', |
| | | '15', |
| | | '16', |
| | | '17', |
| | | '18', |
| | | '19' |
| | | ] |
| | | }) |
| | | ) |
| | | |
| | | // 矢量电子 |
| | | // global.viewer.imageryLayers.addImageryProvider( |
| | |
| | | } |
| | | }, |
| | | |
| | | closeSplitScreen () { |
| | | this.screenShow = false |
| | | }, |
| | | |
| | | splitScreen () { |
| | | this.screenShow = true |
| | | this.deactivate() |
| | | }, |
| | | |
| | | closeSplitScreen () { |
| | | this.screenShow = false |
| | | }, |
| | | |
| | | distanceSurface () { |
| | |
| | | key: 'e9533f5acb2ac470b07f406a4d24b4f0' |
| | | }) |
| | | global.viewer.mapSplit.enable = true |
| | | |
| | | global.viewer.mapSplit.addBaseLayer(baselayerElc) |
| | | } else { |
| | | global.viewer.mapSplit.enable = true |
| | | } |
| | | |
| | | num++ |
| | | this.rollerCloseShow = true |
| | | this.SelectTimeFlag = true |
| | | this.deactivate() |
| | | this.$refs.leftRoller.init() |
| | | this.$refs.rightRoller.init() |
| | | }, |
| | | |
| | | closeRollerShutters () { |
| | | global.viewer.mapSplit.enable = false |
| | | this.rollerCloseShow = false |
| | | this.SelectTimeFlag = false |
| | | |
| | | this.$refs.leftRoller.clearLayer() |
| | | this.$refs.rightRoller.clearLayer() |
| | | |
| | | // global.viewer.imageryLayers.removeAll() |
| | | } |
| | | } |
| | | } |
| | |
| | | width: 320px; |
| | | } |
| | | |
| | | .l-time { |
| | | position: absolute; |
| | | top: 30px; |
| | | left: 25%; |
| | | transform: translate(-50%, 0); |
| | | z-index: 99; |
| | | } |
| | | |
| | | .r-time { |
| | | position: absolute; |
| | | top: 30px; |
| | | right: 25%; |
| | | transform: translate(50%, 0); |
| | | z-index: 99; |
| | | } |
| | | |
| | | .tool-box { |
| | | display: flex; |
| | | justify-content: space-between; |