+
liuyg
2022-01-08 cc87a110a8376f6313a29f9005411f14c87681d2
+
2 files modified
69 ■■■■ changed files
src/components/mobilemap/index.vue 32 ●●●●● patch | view | raw | blame | history
src/store/modules/mobile.js 37 ●●●●● patch | view | raw | blame | history
src/components/mobilemap/index.vue
@@ -194,11 +194,10 @@
          url: "https://webmap-tile.sf-express.com/MapTileService/rt?fetchtype=static&x={x}&y={y}&z={z}&project=sfmap&pic_size=256&pic_type=png8&data_name=361100&data_format=merged-dat&data_type=normal", // 行政区划
        }
      );
      viewer.addBaseLayer(baselayer, {
        iconUrl: "examples/images/icon/img.png",
        name: "影像",
      });
      // viewer.addBaseLayer(baselayer, {
      //   iconUrl: "examples/images/icon/img.png",
      //   name: "影像",
      // });
      // eslint-disable-next-line camelcase
      // const baselayer_shaded = DC.ImageryLayerFactory.createArcGisImageryLayer({
      //   url: "http://services.arcgisonline.com/arcgis/rest/services/World_Shaded_Relief/MapServer",
@@ -271,8 +270,8 @@
        if (height < 200 && isSet) {
          conBack(200);
        }
        if (height > 6000 && isSet) {
          conBack(6000);
        if (height > 4000 && isSet) {
          conBack(4000);
        }
      });
@@ -325,7 +324,8 @@
      const tileset = new that.DC.Tileset("/mx/tileset.json", {
        luminanceAtZenith: 0.5,
      });
      // tilesetLayer.addOverlay(tileset);
      tilesetLayer.addOverlay(tileset);
      // tilesetLayer.show = false;
      let silhouetteBlue =
@@ -422,9 +422,9 @@
      //     );
      //   }
      // });
      tilesetLayer["changesilhouetteBlue"] = () => {
        silhouetteBlue.selected = [];
      };
      // tilesetLayer["changesilhouetteBlue"] = () => {
      //   silhouetteBlue.selected = [];
      // };
      // tilesetLayer.show = false;
      //精细模型↑
@@ -462,8 +462,12 @@
          //     "19",
          //   ],
          // });
          new that.DC.Namespace.Cesium.ArcGisMapServerImageryProvider({
            url: "http://arcgis.jxpskj.com:6080/arcgis/rest/services/PingXiang25DMapDN/MapServer",
          // new that.DC.Namespace.Cesium.ArcGisMapServerImageryProvider({
          //   url: "http://arcgis.jxpskj.com:6080/arcgis/rest/services/PingXiang25DMapDN/MapServer",
          // });
          new that.DC.Namespace.Cesium.UrlTemplateImageryProvider({
            url: "/wp/{z}/{x}/{y}.png",
            fileExtension: "png",
          });
        return viewer.imageryLayers.addImageryProvider(provider);
      };
@@ -600,7 +604,7 @@
      // 传入store
      that.$store.commit("MSET_MODEOLS", {
        tilesetLayer: tilesetLayer,
        tileset: tileset,
        // tileset: tileset,
        newLayer: newLayer,
        wallLayer: wallLayer,
        usetowpointfive: usetowpointfive,
src/store/modules/mobile.js
@@ -46,6 +46,9 @@
    usetowpointfive: null,
    tilesetLayer: null, //瀑布流
    vecLayer: null, //3D底图
    cvaLayer: null, //3D底图
    audioData: null, //语音
    audioState: false, //语音状态
  },
@@ -124,12 +127,37 @@
          pitch: -45,
          roll: 0,
        };
        //加载底图
        state.vecLayer = state.mviewer.imageryLayers.addImageryProvider(
          new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
            url: " http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36",
            type: "wmts",
            layer: "vec",
            style: "default",
            format: "tiles",
            tileMatrixSetID: "w",
            show: true,
            maximumLevel: 18,
          })
        );
        state.cvaLayer = state.mviewer.imageryLayers.addImageryProvider(
          new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
            url: " http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36",
            type: "wmts",
            layer: "cva",
            style: "default",
            format: "tiles",
            tileMatrixSetID: "w",
            show: true,
            maximumLevel: 18,
          })
        );
        // console.log(1321)
        state.wallLayer.show = false; //关闭瀑布   以及2.5d图形贴片
        state.mviewer.imageryLayers.remove(state.newLayer);
        state.newLayer = null;
        // state.silhouetteBlue.selected = []
        state.tilesetLayer.changesilhouetteBlue(); //清空silhouetteBlue.selected = [];
        // state.tilesetLayer.changesilhouetteBlue(); //清空silhouetteBlue.selected = [];
        // console.log(state.tileset)
        state.tilesetLayer.show = true; //显示3d图形
        state.startPointFn(); //移动默认视角
@@ -156,6 +184,11 @@
          pitch: -90,
          roll: 0,
        };
        //取消3D底图
        state.mviewer.imageryLayers.remove(state.vecLayer);
        state.vecLayer = null;
        state.mviewer.imageryLayers.remove(state.cvaLayer);
        state.cvaLayer = null;
        state.tilesetLayer.show = false; //隐藏3d图形
        state.newLayer = state.usetowpointfive(); //添加2.5d图形贴片
        state.wallLayer.show = false; //打开瀑布
@@ -164,7 +197,7 @@
        //2.5D视角限制
        state.mviewer.scene.screenSpaceCameraController.minimumZoomDistance = 200;
        // 最大
        state.mviewer.scene.screenSpaceCameraController.maximumZoomDistance = 6000;
        state.mviewer.scene.screenSpaceCameraController.maximumZoomDistance = 4000;
        // 设置相机缩小时的速率
        state.mviewer.scene.screenSpaceCameraController._minimumZoomRate = 30000;
        // 设置相机放大时的速率