初始化、土地管理视角

lixuliang

2023-11-15 78064c2072b8c7eb36309045a6166292917f491b

初始化、土地管理视角

 src/components/map/viewer.vue

@@ -3,29 +3,53 @@
    <div id="sdkContainer"></div>
    <div class="listBox" v-show="viewer1Show && !isLand">
      <ul>
        <li v-for="(item, index) in arr" :key="index" @click="changeLeftMap($event, item, index)">
        <li
          v-for="(item, index) in arr"
          :key="index"
          @click="changeLeftMap($event, item, index)"
        >
          {{ item }}
        </li>
      </ul>
    </div>
    <layerTreeTwoScreen v-if="layerTreeTwoScreen" />
    <!-- <div id="bottomInfo" v-html="bottomInfo"></div> -->
    <div id="switchImagerLayer" :style="{
    <div
      id="switchImagerLayer"
      :style="{
      transform: `scale(${scale}) translate(${offset},${offset})`,
      '-webkit-transform': `scale(${scale}) translate(${offset},${offset})`,
      '-moz-transform': `scale(${scale}) translate(${offset},${offset})`,
      '-o-transform': `scale(${scale}) translate(${offset},${offset})`,
      '-ms-transform': `scale(${scale}) translate(${offset},${offset})`,
    }">
      <transition name="animate__animated animate__bounce" @click="switchImagerLayerShowOrHide"
        enter-active-class="animate__backInRight" leave-active-class="animate__backOutRight" appear>
      }"
    >
      <transition
        name="animate__animated animate__bounce"
        @click="switchImagerLayerShowOrHide"
        enter-active-class="animate__backInRight"
        leave-active-class="animate__backOutRight"
        appear
      >
        <switchImagerLayer ref="switchImagerLayer" v-show="switchImagerLayer" />
      </transition>

      <img class="swichImg" @click="switchImagerLayerShowOrHide" :src="switchImage" />
      <img
        class="swichImg"
        @click="switchImagerLayerShowOrHide"
        :src="switchImage"
      />
      <div class="bgbox">
        <img class="swichImg" @click="switchImagerLayerShowOrHide" src="@/assets/img/new/shiliang.png" />
        <img class="swichImg bgbox" @click="switchImagerLayerShowOrHide" src="@/assets/img/new/shiliang.png" />
        <img
          class="swichImg"
          @click="switchImagerLayerShowOrHide"
          src="@/assets/img/new/shiliang.png"
        />
        <img
          class="swichImg bgbox"
          @click="switchImagerLayerShowOrHide"
          src="@/assets/img/new/shiliang.png"
        />
      </div>
    </div>
  </div>
@@ -83,8 +107,7 @@
      if (newvalue) {
        this.destroyImageLayer();
      }

    }
    },
  },
  mounted() {
    this.$nextTick(function () {
@@ -93,8 +116,8 @@
      window.sgworld = new SmartEarth.EarthCtrl(
        "sdkContainer",
        {
          // StaticFileBaseUrl: "../../../static/CimSDK/",
          StaticFileBaseUrl: "../../../SW/static/CimSDK/",
          StaticFileBaseUrl: "../../../static/CimSDK/",
          // StaticFileBaseUrl: "../../../SW/static/CimSDK/",
        },
        {},
        {},
@@ -209,15 +232,6 @@
        },
      });










      //初始化弹窗事件
      // that.showBottom();
      that.initLayerOpen();
@@ -266,7 +280,7 @@
    },
    destroyImageLayer() {
      if (activeLi) {
        activeLi.classList.remove('active');
        activeLi.classList.remove("active");
        activeLi = null;
      }
      if (nLayer) {
@@ -281,10 +295,10 @@
    changeLeftMap(event, item, index) {
      let liObj = event.currentTarget;
      if (activeLi) {
        activeLi.classList.remove('active');
        activeLi.classList.remove("active");
        activeLi = null;
      }
      liObj.classList.add('active');
      liObj.classList.add("active");
      activeLi = liObj;
      this.loadImageLayer(item);
    },
@@ -294,8 +308,7 @@
        nLayer = null;
      }
      nLayer = this.loadBJ54ImageLayer(year);
      if(!LWLayer)
      {
      if (!LWLayer) {
        LWLayer = this.loadBJ54LWLayer();
      }
    },
@@ -304,15 +317,15 @@
      //let url = option.url;
      //let year = option.year;
      let paramUrl = `${url}?user=jjjskfq&password=Jjjskfq@2022&layer=Shiliang_Lw_2019&style=&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={nx}&TileRow={ny}`;
      let minx = 113.168199 * Math.PI / 180.0;
      let miny = 39.230551 * Math.PI / 180.0;
      let maxx = 118.562362 * Math.PI / 180.0;
      let maxy = 41.294714 * Math.PI / 180.0;
      let minx = (113.168199 * Math.PI) / 180.0;
      let miny = (39.230551 * Math.PI) / 180.0;
      let maxx = (118.562362 * Math.PI) / 180.0;
      let maxy = (41.294714 * Math.PI) / 180.0;
      let rectangle = new Cesium.Rectangle(minx, miny, maxx, maxy);
      let tilingScheme = new Cesium.GeographicTilingScheme({
        rectangle: rectangle,
        numberOfLevelZeroTilesX: 2,
        numberOfLevelZeroTilesY: 1
        numberOfLevelZeroTilesY: 1,
      });
      var dx = {
        url: paramUrl,
@@ -323,11 +336,14 @@
          },
          ny: function (imageryProvider, x, y, level) {
            return (2 << (level - 1)) + y;
          }
        }
          },
        },
      };
      var imageryProvider = new Cesium.UrlTemplateImageryProvider(dx);
      let imageLayer = new Cesium.ImageryLayer(imageryProvider, { alpha: 1, brightness: 1.0 });
      let imageLayer = new Cesium.ImageryLayer(imageryProvider, {
        alpha: 1,
        brightness: 1.0,
      });
      Viewer.imageryLayers.add(imageLayer, 3);
      return imageLayer;
    },
@@ -336,15 +352,15 @@
      //let url = option.url;
      //let year = option.year;
      let paramUrl = `${url}?user=jjjskfq&password=Jjjskfq@2022&layer=Sate_${year}&style=&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={nx}&TileRow={ny}`;
      let minx = 113.168199 * Math.PI / 180.0;
      let miny = 39.230551 * Math.PI / 180.0;
      let maxx = 118.562362 * Math.PI / 180.0;
      let maxy = 41.294714 * Math.PI / 180.0;
      let minx = (113.168199 * Math.PI) / 180.0;
      let miny = (39.230551 * Math.PI) / 180.0;
      let maxx = (118.562362 * Math.PI) / 180.0;
      let maxy = (41.294714 * Math.PI) / 180.0;
      let rectangle = new Cesium.Rectangle(minx, miny, maxx, maxy);
      let tilingScheme = new Cesium.GeographicTilingScheme({
        rectangle: rectangle,
        numberOfLevelZeroTilesX: 2,
        numberOfLevelZeroTilesY: 1
        numberOfLevelZeroTilesY: 1,
      });
      var dx = {
        url: paramUrl,
@@ -355,11 +371,14 @@
          },
          ny: function (imageryProvider, x, y, level) {
            return (2 << (level - 1)) + y;
          }
        }
          },
        },
      };
      var imageryProvider = new Cesium.UrlTemplateImageryProvider(dx);
      let imageLayer = new Cesium.ImageryLayer(imageryProvider, { alpha: 1, brightness: 1.0 });
      let imageLayer = new Cesium.ImageryLayer(imageryProvider, {
        alpha: 1,
        brightness: 1.0,
      });
      Viewer.imageryLayers.add(imageLayer, 2);
      return imageLayer;
    },
@@ -383,10 +402,17 @@
      this.switchImagerLayer = !this.switchImagerLayer;
    },
    ArcgisImageryLayer() {
      var layer = sgworld.factory.createImageryLayer({
        sourceType: "arcgis",
      sgworld.Creator.createArcGisImageryLayer(
        "ARCGIS",
        {
        url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
      });
          enablePickFeatures: false,
        },
        "0",
        1,
        true,
        ""
      );
    },
    //初始化弹窗事件

@@ -588,13 +614,10 @@
  position: absolute;
  left: 20px;
  top: 100px;

}

.listBox .active {

  background: rgba(255, 166, 0, 0.808);

}

.listBox li {

 src/components/map/viewer1.vue

@@ -298,8 +298,8 @@
      window.sgworld1 = new SmartEarth.EarthCtrl(
        "sdkContainer1",
        {
          // StaticFileBaseUrl: "../../static/CimSDK/",
          StaticFileBaseUrl: "../../../SW/static/CimSDK/",
          StaticFileBaseUrl: "../../static/CimSDK/",
          // StaticFileBaseUrl: "../../../SW/static/CimSDK/",
        },
        {},
        null,

 src/components/menu/bottom-menu.vue

@@ -1,6 +1,9 @@
<template>
  <div class="specialTool">
    <div class="bottomwrapper" :class="{ 'top-btn-active': viewer1Show && isLand }">
    <div
      class="bottomwrapper"
      :class="{ 'top-btn-active': viewer1Show && isLand }"
    >
      <div class="imgbox" @click="tdglHandle">
        <img src="@assets/img/new/tudiguanli.png" alt="" />
      </div>
@@ -9,7 +12,11 @@
      </div>
    </div>

    <div class="bottomwrapper" @click="historyHandle" :class="{ 'top-btn-active': viewer1Show && !isLand }">
    <div
      class="bottomwrapper"
      @click="historyHandle"
      :class="{ 'top-btn-active': viewer1Show && !isLand }"
    >
      <div class="imgbox">
        <img src="@assets/img/new/chengshigengxin.png" alt="" />
      </div>
@@ -25,14 +32,29 @@
        <div class="textbox">
          <span> 综合扩展 </span>
        </div>
        <el-dropdown-menu slot="dropdown" :append-to-body="false" class="popper-dropdown">
          <el-dropdown-item command="stdsjHandle">视图大数据平台</el-dropdown-item>
          <el-dropdown-item command="bzdSystem">标准地监管平台</el-dropdown-item>
          <el-dropdown-item v-if="isShowSPJK" command="spjkHandle">视频集成与可视化</el-dropdown-item>
          <el-dropdown-item v-else command="closeSpjk">关闭视频点位分布</el-dropdown-item>
          <el-dropdown-item v-if="isShowSjxl" command="sjxlHandle">手机信令热力分布</el-dropdown-item>
          <el-dropdown-item v-else command="closeSjxl">关闭信令热力分布</el-dropdown-item>
          <el-dropdown-item command="csgxHandle">城市更新</el-dropdown-item>
        <el-dropdown-menu
          slot="dropdown"
          :append-to-body="false"
          class="popper-dropdown"
        >
          <el-dropdown-item command="stdsjHandle"
            >视图大数据平台</el-dropdown-item
          >
          <el-dropdown-item command="bzdSystem"
            >标准地监管平台</el-dropdown-item
          >
          <el-dropdown-item v-if="isShowSPJK" command="spjkHandle"
            >视频集成与可视化</el-dropdown-item
          >
          <el-dropdown-item v-else command="closeSpjk"
            >关闭视频点位分布</el-dropdown-item
          >
          <el-dropdown-item v-if="isShowSjxl" command="sjxlHandle"
            >手机信令热力分布</el-dropdown-item
          >
          <el-dropdown-item v-else command="closeSjxl"
            >关闭信令热力分布</el-dropdown-item
          >
        </el-dropdown-menu>
      </el-dropdown>
    </div>
@@ -44,11 +66,19 @@
        <div class="textbox">
          <span> 精模示范 </span>
        </div>
        <el-dropdown-menu slot="dropdown" :append-to-body="false" class="popper-dropdown">
        <el-dropdown-menu
          slot="dropdown"
          :append-to-body="false"
          class="popper-dropdown"
        >
          <el-dropdown-item command="fcfhHandle">分层分户</el-dropdown-item>
          <!-- <el-dropdown-item command="sprhHandle">场景视频融合</el-dropdown-item> -->
          <el-dropdown-item v-if="isShowSPRH" command="jiqirendahui">场景视频融合</el-dropdown-item>
          <el-dropdown-item v-else command="jiqirendahui">关闭视频融合</el-dropdown-item>
          <el-dropdown-item v-if="isShowSPRH" command="jiqirendahui"
            >场景视频融合</el-dropdown-item
          >
          <el-dropdown-item v-else command="jiqirendahui"
            >关闭视频融合</el-dropdown-item
          >
        </el-dropdown-menu>
      </el-dropdown>
    </div>
@@ -63,33 +93,62 @@
            @input="updateVideo"
          >
          </el-slider> -->
          <el-slider :min="0" :max="360" v-model="robotVideoList[3].heading" @input="updateVideo">
          <el-slider
            :min="0"
            :max="360"
            v-model="robotVideoList[3].heading"
            @input="updateVideo"
          >
          </el-slider>
        </el-form-item>
        <el-form-item label="俯仰角度:">
          <el-slider :min="-89" :max="89" v-model="robotVideoList[3].pitch" @input="updateVideo">
          <el-slider
            :min="-89"
            :max="89"
            v-model="robotVideoList[3].pitch"
            @input="updateVideo"
          >
          </el-slider>
        </el-form-item>
        <el-form-item label="水平视角:">
          <el-slider :min="30" :max="120" v-model="robotVideoList[3].horizonAngle" @input="updateVideo">
          <el-slider
            :min="30"
            :max="120"
            v-model="robotVideoList[3].horizonAngle"
            @input="updateVideo"
          >
          </el-slider>
        </el-form-item>
        <el-form-item label="垂直视角:">
          <el-slider :min="30" :max="120" v-model="robotVideoList[3].verticalAngle" @input="updateVideo">
          <el-slider
            :min="30"
            :max="120"
            v-model="robotVideoList[3].verticalAngle"
            @input="updateVideo"
          >
          </el-slider>
        </el-form-item>
        <el-form-item label="最远投射:">
          <el-slider :min="100" :max="300" v-model="robotVideoList[3].far" @input="updateVideo">
          <el-slider
            :min="100"
            :max="300"
            v-model="robotVideoList[3].far"
            @input="updateVideo"
          >
          </el-slider>
        </el-form-item>
        <el-form-item label="透明度:">
          <el-slider :step="0.1" :min="0" :max="1" v-model="robotVideoList[3].alpha" @input="updateVideo">
          <el-slider
            :step="0.1"
            :min="0"
            :max="1"
            v-model="robotVideoList[3].alpha"
            @input="updateVideo"
          >
          </el-slider>
        </el-form-item>
      </el-form>
    </div>


  </div>
</template>

@@ -180,7 +239,6 @@
  background: rgba(14, 50, 143, 0.6);
  box-shadow: 0px 0px 9px 3px rgba(20, 105, 233, 0.7) inset;
  text-align: center;
  left: -36.5% !important;
  width: 155px;
  border: none;
}
@@ -190,11 +248,13 @@
}

.csbj .el-dropdown-menu {
  top: -215px !important;
  top: -180px !important;
  left: -30.5% !important;
}

.jxmx .el-dropdown-menu {
  top: -110px !important;
  left: -26.5% !important;
}

.el-dropdown-menu /deep/ .el-dropdown-menu__item {
@@ -207,19 +267,22 @@
}

.csbj .el-popper /deep/ .popper__arrow::after {
  margin: 0;
  border-top-color: rgba(14, 50, 143, 0.6);
  border-top-width: 6px;
  border-bottom-width: 0;
  top: 201px;
  left: 37px;
  top: 166px;
  left: 31px;
}

.jxmx .el-popper /deep/ .popper__arrow::after {
  margin: 0;

  border-top-color: rgba(14, 50, 143, 0.6);
  border-top-width: 6px;
  border-bottom-width: 0;
  top: 96px;
  left: -26px;
  left: -32px;
}

.el-dropdown-menu__item:focus,
@@ -315,7 +378,6 @@
          far: 3000,
          cameraIndexCode: "2b046ef675704975a8d45f1b00cd946b",
        },

      ],
      robotVideoList: [
        {
@@ -431,9 +493,6 @@
    },
    handleCommand(command) {
      switch (command) {
        case "qytj":
          this.qytj();
          break;
        case "spjkHandle":
          this.spjkHandle();
          break;
@@ -458,9 +517,6 @@
        case "closeSjxl":
          this.closeSjxl();
          break;
        case "csgxHandle":
          this.csgxHandle();
          break;
        case "jiqirendahui":
          this.jiqirendahui(this.robotVideoList);
          break;
@@ -468,7 +524,7 @@
    },
    historyHandle() {
      if (this.isLand) {
        this.$parent.changeMode('影像底图');
        this.$parent.changeMode("影像底图");
        if (!this.viewer1Show) {
          window.loading = this.$loading({
            lock: true,
@@ -481,7 +537,7 @@
        this.setViewer1Show(true);
      } else {
        if (!this.viewer1Show) {
          this.$parent.changeMode('影像底图');
          this.$parent.changeMode("影像底图");
          window.loading = this.$loading({
            lock: true,
            text: "影像对比功能加载中，请稍后",
@@ -496,6 +552,19 @@
    tdglHandle() {
      if (!this.isLand) {
        if (!this.viewer1Show) {
          let p = sgworld.Navigate.getCameraInfo();
          sgworld.Navigate.flyToPointsInterest({
            destination: new Cesium.Cartesian3.fromDegrees(
              p.location.lon,
              p.location.lat,
              p.location.height
            ),
            orientation: {
              heading: Cesium.Math.toRadians(0),
              pitch: Cesium.Math.toRadians(-90),
              roll: Cesium.Math.toRadians(0),
            },
          });
          window.loading = this.$loading({
            lock: true,
            text: "土地管理功能加载中，请稍后",
@@ -507,6 +576,19 @@
        this.setViewer1Show(true);
      } else {
        if (!this.viewer1Show) {
          let p = sgworld.Navigate.getCameraInfo();
          sgworld.Navigate.flyToPointsInterest({
            destination: new Cesium.Cartesian3.fromDegrees(
              p.location.lon,
              p.location.lat,
              p.location.height
            ),
            orientation: {
              heading: Cesium.Math.toRadians(0),
              pitch: Cesium.Math.toRadians(-90),
              roll: Cesium.Math.toRadians(0),
            },
          });
          window.loading = this.$loading({
            lock: true,
            text: "土地管理功能加载中，请稍后",
@@ -575,13 +657,6 @@
    // historyHandle() {
    //   this.$store.commit("showHistory", true);
    // },
    csgxHandle() {
      Bus.$emit("openMyResourcePop", true);
    },
    qytj() {
      this.setqyEchartsShow(!this.qyEchartsShow);
    },

    sceneRoaming() {
      if (this.showFlag) {
        document.getElementById("scroll").style.display = "none";

 src/router/index.js

@@ -31,7 +31,7 @@
const router = new Router({
  mode: "history",
  // base: '/YZXNCS',//正式版 打包时解开
  base: '/SW',//测试版 打包时解开
  // base: '/SW',//测试版 打包时解开
  routes,
});
router.beforeEach((to, from, next) => {

 static/layers.json

@@ -3792,9 +3792,9 @@
                    "urls": "http://10.10.4.121:8070/gisserver/wmsserver/YZ_BJ60",
                    "maximumLevel": 26,
                    "alpha": 1,
                    "zIndex": 7,
                    "Level": "11,20",
                    "checked": false,
                    "zIndex": 10,
                    "Level": "9,20",
                    "checked": true,
                    "rename": false,
                    "flyTo": [
                        "116.51352",
@@ -3811,8 +3811,8 @@
                    "urls": "http://10.10.4.121:8070/gisserver/wmsserver/YZ_BJ",
                    "maximumLevel": 26,
                    "alpha": 1,
                    "zIndex": 7,
                    "Level": "10,20",
                    "zIndex": 10,
                    "Level": "7,20",
                    "flyTo": [
                        "116.50281",
                        "39.75291",
@@ -3820,7 +3820,7 @@
                        "0.0",
                        "-89.8"
                    ],
                    "checked": false,
                    "checked": true,
                    "rename": false
                },
                {
@@ -4493,7 +4493,7 @@
                                    "Level": 1,
                                    "checked": false,
                                    "alpha": 1,
                                    "zIndex": 7,
                                    "zIndex": 2,
                                    "rename": false
                                },
                                {
@@ -4508,7 +4508,7 @@
                                    "Level": 1,
                                    "checked": false,
                                    "alpha": 1,
                                    "zIndex": 7,
                                    "zIndex": 2,
                                    "rename": false
                                },
                                {
@@ -4523,11 +4523,11 @@
                                    "Level": 1,
                                    "checked": false,
                                    "alpha": 1,
                                    "zIndex": 7,
                                    "zIndex": 2,
                                    "rename": false
                                },
                                {
                                    "id": "北京2000影像",
                                    "id": "北京22000影像",
                                    "name": "北京2000影像",
                                    "sourceType": "BJ2000",
                                    "urls": "http://172.26.64.84/service/map/img?year=&type=Sate&z={z}&x={x}&y={y}&ak=945feed57ba34d23a999be2ae4d9259a",
@@ -4562,17 +4562,28 @@
                                    "tms": true,
                                    "Level": 1,
                                    "alpha": 1,
                                    "zIndex": 10,
                                    "zIndex": 3,
                                    "checked": false,
                                    "rename": false
                                },
                                {
                                    "id": "C0698021",
                                    "sourceType": "wmts",
                                    "name": "航拍影像",
                                    "name": "cgcs2000航拍影像",
                                    "urls": "http://10.10.4.116:8085/yzAdapter/Vector/?request=1&year=&type=Sate_CGCS2000&level={TileMatrix}&x={TileRow}&y={TileCol}",
                                    "checked": false,
                                    "zIndex": 2,
                                    "rename": false
                                },
                                {
                                    "id": "C0698021",
                                    "sourceType": "arcgis",
                                    "name": "arcgis航拍影像",
                                    "urls": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
                                    "alpha": 1,
                                    "zIndex": 1,
                                    "Level": "0,26",
                                    "checked": false,
                                    "rename": false
                                },
                                {
@@ -4835,50 +4846,6 @@
                            "rename": false,
                            "expanded": false,
                            "checked": true
                        }
                    ],
                    "rename": false,
                    "expanded": false
                },
                {
                    "id": "B10B7BDD",
                    "name": "分层分户",
                    "children": [
                        {
                            "id": "永晖1号楼F1",
                            "name": "永晖1号楼F1",
                            "sourceType": "b3dm",
                            "checked": false,
                            "urls": "http://10.10.4.121:8070/gisserver/c3dserver/YHYQ1_F1/tileset.json",
                            "rename": false,
                            "zIndex": 1
                        },
                        {
                            "id": "永晖1号楼F2",
                            "name": "永晖1号楼F2",
                            "sourceType": "b3dm",
                            "checked": false,
                            "urls": "http://10.10.4.121:8070/gisserver/c3dserver/YHYQ1_F2/tileset.json",
                            "rename": false,
                            "zIndex": 1
                        },
                        {
                            "id": "永晖1号楼F3",
                            "name": "永晖1号楼F3",
                            "sourceType": "b3dm",
                            "checked": false,
                            "urls": "http://10.10.4.121:8070/gisserver/c3dserver/YHYQ1_F3/tileset.json",
                            "rename": false,
                            "zIndex": 1
                        },
                        {
                            "id": "永晖1号楼F4",
                            "name": "永晖1号楼F4",
                            "sourceType": "b3dm",
                            "checked": false,
                            "urls": "http://10.10.4.121:8070/gisserver/c3dserver/YHYQ1_F4/tileset.json",
                            "rename": false,
                            "zIndex": 1
                        }
                    ],
                    "rename": false,