更新

lixuliang

2024-06-19 c90036e2b71f394711117f186a772758abe69e3a

更新

 src/assets/img/new/logo.png

 src/components/index.vue

@@ -1,8 +1,8 @@
<template>
  <div class="mapViewer">
    <leftpanel ref="Left" v-show="false" />
    <!-- <bottommenu /> -->
    <viewer class="mapViewer" />
    <!-- <img id="headlog" src="@/assets/img/new/logo.png" /> -->
  </div>
</template>

@@ -66,83 +66,9 @@
  height: 100%;
}
#headlog {
  width: 965px;
  height: 70px;
  width: 500px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
#bottomBar {
  width: 1357px;
  height: 52px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
.trigger {
  pointer-events: all;
}

.controlPanel {
  position: absolute;
  left: 0px;
  top: 0px;
  pointer-events: none;
}

.tooltip {
  position: absolute;
  z-index: 999999;
  color: white;
  width: 100%;
  top: 30px;
  margin: 0 auto;
  font-size: 24px;
  pointer-events: none;
  text-align: center;
  height: 60px;
  transition: all 0.2s linear;
}

.tooltiphide {
  opacity: 0;
  height: 0px !important;
}

.tooltip span {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  padding: 10px 30px;
}
.hisbox {
  position: absolute;
  z-index: 10000002;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.btnbox {
  position: absolute;
  z-index: 100000003;
  right: 30px;
}
.btnbox .el-button {
  padding: 0 !important;
  font-size: 24px;
  border: unset;
  float: unset;
  display: block;
  background: transparent;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin: 1px;
  margin: 20px 0;
}

.searchBtn {
  width: 40px;
  left: 20px;
  top: 20px;
}
</style>

 src/components/map/viewer.vue

@@ -1,9 +1,6 @@
<template>
  <div>
    <div id="sdkContainer"></div>
    <!-- <div style="z-index: 30;position: absolute; top:1%;left: 1%;">
      <el-button @click="setLocation(3)">漫游</el-button>
    </div> -->
  </div>
</template>

@@ -47,81 +44,34 @@
    ...mapState(["cesiumInit"]),
  },
  mounted() {

    this.$nextTick(function () {
      let that = this;
      let option = {
        fullscreenButton: true,
        licenseServer: "http://183.162.245.49:18080",
        minViewHeight: parseFloat(common.minviewheight),
        url: SmartEarthRootUrl + "Workers/image/earth.jpg",  //不含单张地图图片url则使用在线地图
        contextOptions: {
          failIfMajorPerformanceCaveat: false,
          webgl: {
            alpha: true,
            preserveDrawingBuffer: true,
          },
        },
      };

      window.sgworld = new SmartEarth.SGWorld(
        "sdkContainer",
        Cesium,
        option,

        {
          fullscreenButton: true,
          minViewHeight: parseFloat(common.minviewheight),
          url: SmartEarthRootUrl + "Workers/image/earth.jpg", //不含单张地图图片url则使用在线地图
          contextOptions: {
            failIfMajorPerformanceCaveat: false,
            webgl: {
              alpha: true,
              preserveDrawingBuffer: true,
            },
          },
        },
        null,
        () => {
          // sgworld.Navigate.flyToPointsInterest({
          //   destination: Cesium.Cartesian3.fromDegrees(
          //     116.55341,
          //     39.72163,
          //     50000.83
          //   ),
          //   orientation: {
          //     heading: Cesium.Math.toRadians(0),
          //     pitch: Cesium.Math.toRadians(-90),
          //     roll: Cesium.Math.toRadians(0.0)
          //   },
          //   duration: 7 //飞行时间8s
          // });
          // sgworld._Viewer.imageryLayers.removeAll();
          // 先飞到亦庄行政区
          // setTimeout(() => {
          sgworld.Navigate.flyToPointsInterest({
            destination: Cesium.Cartesian3.fromDegrees(
              116.540659,
              39.744945,
              50000
              39.734945,
              45000
            ),
            duration: 7, //飞行时间8s
            duration: 5, //飞行时间8s
          });
          // }, 5000);
          // setTimeout(() => {
          //   sgworld.Navigate.flyToPointsInterest({
          //     destination: Cesium.Cartesian3.fromDegrees(
          //       116.502368,
          //       39.791361,
          //       6500
          //     ),
          //     duration: 8, //飞行时间8s
          //   });
          // }, 10000);
          setTimeout(() => {
            sgworld.Navigate.flyToPointsInterest({
              destination: {
                "x": -2187108.231948378,
                "y": 4392040.442348233,
                "z": 4063265.829085007
              },
              orientation: {
                heading: 2.4384163743219607,
                pitch: -0.32733173444759833,
                roll: 6.283095595698651,
              },
              duration: 10, //飞行时间8s
            });
          }, 10000);
          that.setCesiumInit(true);
          // rpc.initRpc();
        }
      );

@@ -190,7 +140,7 @@
  methods: {
    ...mapMutations(["setCesiumInit"]),
    setLocation(res) {
      rpc.setLocation(res)
      rpc.setLocation(res);
    },
    detectZoom() {
      var ratio = 0,
@@ -295,69 +245,5 @@
 

<style scoped>
#bottomInfo {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 28px;
  background: rgba(0, 0, 0, 0.27);
}

#distanceLegendDiv {
  display: none !important;
}

#switchImagerLayer {
  display: block;
  position: absolute;
  /*bottom: 120px;*/
  bottom: 13px;
  right: 46px;
  /* margin-right: -105px; */
  z-index: 9999;
  border-radius: 10px;
  /* box-shadow: 0px 0px 5px 3px #fff; */
}

/* #switchImagerLayer:before {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 10px;
  border: 13px solid rgba(0, 0, 0, 0.5);
  border-top-color: transparent;
  border-left-color: transparent;
}

#switchImagerLayer:after {
  content: "";
  width: 5px;
  height: 12px;
  position: absolute;
  right: 8px;
  bottom: 10px;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-left-color: transparent;
  transform: rotate(45deg);
} */

.swichImg {
  width: 117px;
  height: 80px;
  border-radius: 10px;
  cursor: pointer;
}
.bgbox {
  position: absolute;
  top: 0;
  left: 8px;
  z-index: -1;
}
.mid {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20%;
}
</style>

 static/layers.json

@@ -8,50 +8,12 @@
      "name": "规自分局",
      "children": [
        {
          "id": "18B25A94",
          "sourceType": "wmse",
          "name": "60平方公里核心区界",
          "urls": "https://10.10.4.116/gisserver/wmsserver/YZ_BJ60",
          "maximumLevel": 26,
          "alpha": 1,
          "zIndex": 7,
          "Level": "11,20",
          "checked": false,
          "rename": false,
          "flyTo": [
            "116.51352",
            "39.76102",
            "30523.31",
            "360.0",
            "-89.8"
          ]
        },
        {
          "id": "47EC9636",
          "sourceType": "wmse",
          "name": "225平方公里区界",
          "urls": "https://10.10.4.116/gisserver/wmsserver/YZ_BJ",
          "maximumLevel": 26,
          "alpha": 1,
          "zIndex": 7,
          "Level": "10,20",
          "flyTo": [
            "116.50281",
            "39.75291",
            "35307.96",
            "0.0",
            "-89.8"
          ],
          "checked": false,
          "rename": false
        },
        {
          "id": "zhengwufuwuzhongxin",
          "sourceType": "wfs",
          "alpha": 1,
          "name": "经开区政务服务中心 ",
          "class": "point",
          "urls": "https://10.10.4.116/gisserver/wfsserver/sanjizhengwufuwutixi_wfs",
          "urls": "http://10.10.4.121:8070/gisserver/wfsserver/sanjizhengwufuwutixi_wfs",
          "layer": "经开区政务服务中心",
          "text": "[MCJC]",
          "height": 50,
@@ -79,7 +41,7 @@
          "alpha": 1,
          "name": "街道政务服务中心",
          "class": "point",
          "urls": "https://10.10.4.116/gisserver/wfsserver/sanjizhengwufuwutixi_wfs",
          "urls": "http://10.10.4.121:8070/gisserver/wfsserver/sanjizhengwufuwutixi_wfs",
          "layer": "街道政务服务中心",
          "text": "[MCJC]",
          "height": 50,
@@ -107,7 +69,7 @@
          "alpha": 1,
          "name": "亦企服务港 ",
          "class": "point",
          "urls": "https://10.10.4.116/gisserver/wfsserver/sanjizhengwufuwutixi_wfs",
          "urls": "http://10.10.4.121:8070/gisserver/wfsserver/sanjizhengwufuwutixi_wfs",
          "layer": "亦企服务港",
          "text": "[MCJC]",
          "height": 50,
@@ -135,7 +97,7 @@
          "alpha": 1,
          "name": "园区服务站 ",
          "class": "point",
          "urls": "https://10.10.4.116/gisserver/wfsserver/sanjizhengwufuwutixi_wfs",
          "urls": "http://10.10.4.121:8070/gisserver/wfsserver/sanjizhengwufuwutixi_wfs",
          "layer": "园区服务站",
          "text": "[MCJC]",
          "height": 50,
@@ -163,7 +125,7 @@
          "alpha": 1,
          "name": "社区服务站 ",
          "class": "point",
          "urls": "https://10.10.4.116/gisserver/wfsserver/sanjizhengwufuwutixi_wfs",
          "urls": "http://10.10.4.121:8070/gisserver/wfsserver/sanjizhengwufuwutixi_wfs",
          "layer": "社区服务站",
          "text": "[MCJC]",
          "height": 50,
@@ -183,21 +145,6 @@
          "imageScale": 0.5,
          "disableDepthTestDistance": "Infinity",
          "checked": true,
          "rename": false
        },
        {
          "id": "chengshiguihua_xiangmumingcheng_tms",
          "name": "亦庄新城规划图",
          "sourceType": "local-map",
          "urls": "https://10.10.4.116/gisserver/tmsserver/chengshiguihua_xiangmumingcheng_tms",
          "tile": "{z}/{x}/{y}",
          "tileType": "Mercator",
          "img": "jpeg",
          "tms": true,
          "Level": 1,
          "alpha": 0.75,
          "zIndex": 7,
          "checked": false,
          "rename": false
        }
      ],
@@ -225,38 +172,6 @@
                  "zIndex": 1,
                  "checked": true,
                  "rename": false
                },
                {
                  "id": "A6D6DE13",
                  "sourceType": "gdmap",
                  "name": "高德影像",
                  "urls": "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
                  "layer": "",
                  "alpha": 1,
                  "zIndex": 2,
                  "maximumLevel": 18,
                  "Level": [
                    0,
                    26
                  ],
                  "checked": false,
                  "rename": false
                },
                {
                  "id": "26B6815E",
                  "sourceType": "gdmap",
                  "name": "高德注记",
                  "zIndex": 2,
                  "urls": "https://webst02.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}",
                  "layer": "",
                  "alpha": 1,
                  "maximumLevel": 18,
                  "Level": [
                    0,
                    26
                  ],
                  "checked": false,
                  "rename": false
                }
              ],
              "rename": false,
@@ -272,7 +187,7 @@
                  "name": "核心区建筑物",
                  "sourceType": "b3dm",
                  "checked": true,
                  "urls": "https://10.10.4.116/gisserver/c3dserver/hxq0609/tileset.json",
                  "urls": "http://10.10.4.121:8070/gisserver/c3dserver/hxq0609/tileset.json",
                  "rename": false,
                  "height": 0,
                  "zIndex": 1
@@ -282,7 +197,7 @@
                  "name": "225实景三维核心区地面",
                  "sourceType": "b3dm",
                  "checked": true,
                  "urls": "https://10.10.4.116/gisserver/c3dserver/hexinqudimian/tileset.json",
                  "urls": "http://10.10.4.121:8070/gisserver/c3dserver/hexinqudimian/tileset.json",
                  "rename": false,
                  "height": 0,
                  "zIndex": 1
@@ -293,7 +208,7 @@
                  "checked": true,
                  "sourceType": "b3dm",
                  "height": 0,
                  "urls": "https://10.10.4.116/gisserver/c3dserver/fhx/tileset.json",
                  "urls": "http://10.10.4.121:8070/gisserver/c3dserver/fhx/tileset.json",
                  "rename": false,
                  "zIndex": 1
                }