| | |
| | | </div> |
| | | <div class="left_content"> |
| | | <div v-show="leftMenuOpen" @click="showLeftMenu"> |
| | | <i style="color: white" class="el-icon-caret-left"></i> |
| | | <i style="color: skyblue" class="el-icon-caret-left"></i> |
| | | </div> |
| | | <div v-show="!leftMenuOpen" @click="showLeftMenu"> |
| | | <i style="color: white" class="el-icon-caret-right"></i> |
| | | <i style="color: skyblue" class="el-icon-caret-right"></i> |
| | | </div> |
| | | </div> |
| | | <div class="right_content"> |
| | | <div v-show="!rightMenuOpen" @click="showRightMenu"> |
| | | <i style="color: white" class="el-icon-caret-left"></i> |
| | | <i style="color: skyblue" class="el-icon-caret-left"></i> |
| | | </div> |
| | | <div v-show="rightMenuOpen" @click="showRightMenu"> |
| | | <i style="color: white" class="el-icon-caret-right"></i> |
| | | <i style="color: skyblue" class="el-icon-caret-right"></i> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | rightList: [], |
| | | treeData: [], |
| | | centerFlag: false, |
| | | isActive: true, |
| | | isMenuLayer: false, |
| | | isActive: false, |
| | | isMenuLayer: true, |
| | | openEcharts: false, |
| | | defaultProps: { |
| | | children: 'children', |
| | |
| | | data.showPoint = false; |
| | | data.showLine = true; |
| | | data.mode = 1; |
| | | data.height = 1000; |
| | | |
| | | // 弹窗数据 |
| | | window.PathAnimationData = { |
| | | flyData: data, |
| | |
| | | }); |
| | | |
| | | window.MapViewer = window.sgworld._Viewer; |
| | | |
| | | Viewer.imageryLayers._layers[0].show = false; |
| | | //定位 |
| | | sgworld.Navigate.jumpTo({ |
| | | //跳转视角 |
| | |
| | | 100000 |
| | | ), |
| | | }); |
| | | for (var i in gaoDeBaseUrl) { |
| | | sgworld.Creator.createUrlTemplateImageryProvider( |
| | | gaoDeBaseUrl[i].label, |
| | | gaoDeBaseUrl[i].url, |
| | | '0', |
| | | undefined, |
| | | true, |
| | | '' |
| | | ); |
| | | } |
| | | |
| | | MapViewer.imageryLayers.addImageryProvider( |
| | | new Cesium.WebMapTileServiceImageryProvider({ |
| | | url: 'http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561', |
| | | layer: 'tdtBasicLayer', |
| | | style: 'default', |
| | | format: 'image/jpeg', |
| | | tileMatrixSetID: 'GoogleMapsCompatible', |
| | | show: false, |
| | | }) |
| | | ); |
| | | |
| | | MapViewer.imageryLayers.addImageryProvider( |
| | | new Cesium.WebMapTileServiceImageryProvider({ |
| | | url: 'http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=94a34772eb88317fcbf8428e10448561', |
| | | layer: 'tdtVecBasicLayer', |
| | | style: 'default', |
| | | format: 'image/jpeg', |
| | | tileMatrixSetID: 'GoogleMapsCompatible', |
| | | show: false, |
| | | }) |
| | | ); |
| | | MapViewer.imageryLayers.addImageryProvider( |
| | | new Cesium.WebMapTileServiceImageryProvider({ |
| | | url: 'http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg&tk=94a34772eb88317fcbf8428e10448561', |
| | | layer: 'tdtAnnoLayer', |
| | | style: 'default', |
| | | format: 'image/jpeg', |
| | | tileMatrixSetID: 'GoogleMapsCompatible', |
| | | }) |
| | | ); |
| | | //显示fps |
| | | MapViewer.scene.debugShowFramesPerSecond = false; |
| | | //导航控件 |
| | | window.sgworld.navControl('nav', false); |
| | | //比例尺 |
| | | window.sgworld.navControl('scale', false); |
| | | |
| | | MapViewer.terrainProvider = new Cesium.CesiumTerrainProvider({ |
| | | url:demLayer |
| | | }); |
| | | |
| | | |
| | | }, |
| | | changeMenulayer() { |
| | | this.isActive = !this.isActive; |
| | |
| | | }, |
| | | setLayerVisible() { |
| | | if (this.isActive == true) { |
| | | MapViewer.imageryLayers.get(2).show = true; |
| | | MapViewer.imageryLayers.get(1).show = false; |
| | | MapViewer.imageryLayers._layers[1].show = true; |
| | | MapViewer.imageryLayers._layers[2].show = false; |
| | | MapViewer.imageryLayers._layers[3].show = false; |
| | | } else { |
| | | MapViewer.imageryLayers.get(2).show = false; |
| | | MapViewer.imageryLayers.get(1).show = true; |
| | | MapViewer.imageryLayers._layers[1].show = false; |
| | | MapViewer.imageryLayers._layers[2].show = true; |
| | | MapViewer.imageryLayers._layers[3].show = true; |
| | | } |
| | | }, |
| | | addImageLayer() { |