资料馆页面添加，接口对接

Surpriseplus

2022-12-16 22850e47eb4726a0177fa0569cfa37f92b13177e

 src/components/mapsdk.vue

@@ -75,7 +75,7 @@
                ></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="info">查询</el-button>
                <el-button @click="setQueryTable" type="info">查询</el-button>
              </el-form-item>
            </el-form>
            <el-table :data="tableData" height="200px" style="width: 100%">
@@ -122,10 +122,11 @@
          </div>
          <div class="box-body">
            <el-form ref="form" :model="pathFrom" label-width="50px">
              <el-form-item label="经度:">
              <el-form-item label="起点:">
                <el-input
                  style="width: 300px"
                  style="width: 250px"
                  v-model="pathFrom.lon"
                  :disabled="true"
                ></el-input>
                <el-link
                  :underline="false"
@@ -134,10 +135,11 @@
                  ><i style="color: white" class="el-icon-plus"></i
                ></el-link>
              </el-form-item>
              <el-form-item label="纬度:">
              <el-form-item label="终点:">
                <el-input
                  style="width: 300px"
                  style="width: 250px"
                  v-model="pathFrom.lat"
                  :disabled="true"
                ></el-input>
                <el-link
                  :underline="false"
@@ -197,8 +199,8 @@
      showPathAnalysisBoxDialog: false,
      comprehensive: {},
      pathFrom: {
        lon: '116.086746,39.937314',
        lat: '116.086000,39.936289',
        lon: ' ',
        lat: ' ',
      },
      bufFrom: {
        val: 50,
@@ -340,21 +342,6 @@
        })
      );

      // sgworld.Navigate.jumpTo({
      //   //跳转视角
      //   destination: {
      //     x: 311837.3471863137,
      //     y: 5628280.936629815,
      //     z: 2992581.921482893,
      //   },
      //   orientation: {
      //     heading: 2.5028896264234364,
      //     pitch: -0.2201285642360813,
      //     roll: 0.0,
      //   },
      // });

      // Viewer.scene.globe.depthTestAgainstTerrain = true;
      Viewer._enableInfoOrSelection = false;
      //显示fps
      Viewer.scene.debugShowFramesPerSecond = false;
@@ -362,28 +349,29 @@
      window.sgworld.navControl('nav', false);
      //比例尺
      window.sgworld.navControl('scale', false);

      //开启深度检测
      sgworld.Analysis.depthTestAgainstTerrain(true);
      //影像对比设置
      var base = {
        url: 'https://a.tile.openstreetmap.org/',
      };
      window.openStreetMap = sgworld.Creator.createImageryProvider(
        'OpenStreetMap',
        'OpenStreetMap',
        base,
        '0',
        undefined,
        true,
        ''
      );
      openStreetMap.item.show = false;
      // var base = {
      //   url: 'https://a.tile.openstreetmap.org/',
      // };
      // window.openStreetMap = sgworld.Creator.createImageryProvider(
      //   'OpenStreetMap',
      //   'OpenStreetMap',
      //   base,
      //   '0',
      //   undefined,
      //   true,
      //   ''
      // );
      // openStreetMap.item.show = false;
      //mpt加载
      var option = {
        url: window.sceneConfig.mpt.url,
        layerName: window.sceneConfig.mpt.name,
        requestVertexNormals: true,
      };
      // sgworld.Creator.sfsterrainprovider('mpt', option, '', true, '');
      sgworld.Creator.sfsterrainprovider('mpt', option, '', true, '');
      window.elevationTool = new SmartEarth.ElevationTool(window.sgworld);
    },

@@ -428,6 +416,11 @@
    },
    handleCurrentChange(val) {
      this.listData.pageIndex = val;
      this.getToponymicData();
    },
    setQueryTable() {
      this.listData.pageSize = 10;
      this.listData.pageIndex = 1;
      this.getToponymicData();
    },
    async getToponymicData() {
@@ -571,7 +564,8 @@
        }

        var jsonurl =
          'http://192.168.20.39:9055/gisserver/wnsserver/beijingdaohang_wns?start=' +
          wnsUrl +
          '?start=' +
          this.pathFrom.lon +
          '&end=' +
          this.pathFrom.lat +
@@ -734,18 +728,13 @@
.mapBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;

  position: relative;
  #mapdiv {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;

    position: relative;
    .toponymicLocalBox {
      width: 750px;
      height: 450x;
@@ -828,12 +817,14 @@
    }

    .box-card {
      background-color: rgba(0, 0, 0, 0.6);
      background: #303030;
      opacity: 0.85;
      border: 1px solid rgba(32, 160, 255, 0.6);
      color: white;
    }
    .menu_Top {
      background: rgba(0, 0, 0, 0.5);
      background: #303030;
      opacity: 0.85;
      width: 100%;
      height: 6%;
      padding: 1%;
@@ -841,7 +832,8 @@
      z-index: 40;
    }
    .menu_Popup {
      background: rgba(0, 0, 0, 0.6);
      background: #303030;
      opacity: 0.85;
      width: 60%;
      height: 45%;