管道基础大数据平台系统开发-【前端】-新系統界面
1
Surpriseplus
2023-02-01 dda0e6f581e8c2b116f2eae53756d80215d6e5e0
src/components/mapsdk.vue
@@ -270,6 +270,7 @@
import {
  select_Comprehensive_ByPageAndCount,
  select_Comprehensive_SelectWktById,
  comprehensive_selectRoute
} from '../api/api';
export default {
  name: '',
@@ -352,47 +353,38 @@
          100000
        ),
      });
      // Viewer.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,
      //   })
      // );
      Viewer.imageryLayers.addImageryProvider(
        new Cesium.UrlTemplateImageryProvider({
          url: gaoDeBaseUrl[0].url,
      // Viewer.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,
      //   })
      // );
      // Viewer.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',
      //   })
      // );
      for (var i in gaoDeBaseUrl) {
        sgworld.Creator.createUrlTemplateImageryProvider(
          gaoDeBaseUrl[i].label,
          gaoDeBaseUrl[i].url,
          '0',
          undefined,
          true,
          ''
        );
      }
        })
      );
      Viewer.imageryLayers.addImageryProvider(
        new Cesium.UrlTemplateImageryProvider({
          url: gaoDeBaseUrl[1].url,
        })
      );
      Viewer.imageryLayers.addImageryProvider(
        new Cesium.UrlTemplateImageryProvider({
          url: gaoDeBaseUrl[2].url,
        })
      );
      // for (var i in gaoDeBaseUrl) {
      //   sgworld.Creator.createUrlTemplateImageryProvider(
      //     gaoDeBaseUrl[i].label,
      //     gaoDeBaseUrl[i].url,
      //     '0',
      //     undefined,
      //     true,
      //     ''
      //   );
      // }
      Viewer._enableInfoOrSelection = false;
      //显示fps
@@ -417,12 +409,33 @@
      //   ''
      // );
      // openStreetMap.item.show = false;
      Viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
        url:demLayer
      });
      // Viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
      //   url:demLayer
      // });
      var option = {
        url: window.sceneConfig.SGUrl,
        layerName: window.sceneConfig.mptName,
        requestVertexNormals: true
      }
      sgworld.Creator.sfsterrainprovider("", option, "", true, "");
      window.elevationTool = new SmartEarth.ElevationTool(window.sgworld);
      elevationTool.setContourColor('#F1D487');
      // var helper = new Cesium.EventHelper();
      // helper.add(Viewer.scene.globe.tileLoadProgressEvent, function (e) {
      //   if (e == 0) {
      //     console.log("这个是加载最后一个矢量切片的回调");
      //   }
      //   helper.removeAll();
      //   helper = undefined;
      // });
    },
    changeMenulayer() {
@@ -609,29 +622,54 @@
          break;
      }
    },
    showMouseLeftClick(res) {
    async showMouseLeftClick(res) {
      if (res == 3) {
        if (this.linePath != null) {
          this.clearPathAll(3);
        }
        var start = this.pathFrom.lon.split(",")
        var end = this.pathFrom.lat.split(",")
        var startData = {
          x1: parseFloat(start[0]),
          y1: parseFloat(start[1]),
          x2: parseFloat(end[0]),
          y2: parseFloat(end[1])
        }
        var jsonurl =
          wnsUrl +
          '?start=' +
          this.pathFrom.lon +
          '&end=' +
          this.pathFrom.lat +
          '&propertyName=Shape&tolerance=500&request=FindPath&format=json';
        $.ajax({
          url: jsonurl,
          async: false,
          type: 'GET',
          dataType: 'json',
          contentType: 'application/json;charset=utf-8',
          success: (data) => {
            this.executeFly3D(data);
          },
        });
        const data = await comprehensive_selectRoute(startData);
        if (data.code != 200) {
          return this.$message.error('数据请求失败');
        }
        var wkt = this.$wkt.parse(data.result);
        var bufferSource = Cesium.GeoJsonDataSource.load(wkt, {
          stroke: new Cesium.Color(82 / 255, 152 / 255, 255 / 255, 1),
          strokeWidth: 5,
          clampToGround: true,
        })
        bufferSource.then((bufferSource) => {
          sgworld.Navigate.flyToObj(bufferSource)
          Viewer.dataSources.add(bufferSource);
        }
        )
        // var jsonurl =
        //   wnsUrl +
        //   '?start=' +
        //   this.pathFrom.lon +
        //   '&end=' +
        //   this.pathFrom.lat +
        //   '&propertyName=Shape&tolerance=500&request=FindPath&format=json';
        // $.ajax({
        //   url: jsonurl,
        //   async: false,
        //   type: 'GET',
        //   dataType: 'json',
        //   contentType: 'application/json;charset=utf-8',
        //   success: (data) => {
        //     this.executeFly3D(data);
        //   },
        // });
      } else {
        var that = this;
        if (this.handler != null) {
@@ -732,6 +770,8 @@
            sgworld.Creator.DeleteObject(this.linePath);
            this.linePath = null;
          }
          Viewer.dataSources.removeAll( )
          break;
        case 4:
          if (this.linePath != null) {
@@ -878,10 +918,12 @@
      background: #303030;
      opacity: 0.85;
      width: 100%;
      height: 6%;
      padding: 1%;
      position: absolute;
      z-index: 40;
      /deep/.el-form-item {
        margin-bottom: 0px;
      }
    }
    .menu_Popup {
      background: #303030;