surprise
2024-01-09 9398f14feea7ad8b7d00ce7d2bb2e5362cec59d3
src/components/map/viewer.vue
@@ -44,6 +44,7 @@
import Bus from "@tools/Bus";
import mapViewer from "../../assets/js/Layer/mapViewer";
let activeLi, nLayer, LWLayer;
export default {
  name: "viewer",
@@ -59,7 +60,7 @@
      hb: "",
      jd: "",
      wd: "",
      switchImage: sanwei,
      switchImage: yingxiang,
      switchImagerLayer: false,
      size: "100%",
      scale: "1",
@@ -96,17 +97,22 @@
    this.$nextTick(function () {
      let that = this;
      //*********北京sdk************
      // Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI2NzE3ZGI5NC00MzAwLTRmMzEtOTA5NS0zNzQ3YmJhOTg5MWMiLCJpZCI6NDE4NDYsImlhdCI6MTYxMjU4MDEyN30.XQkH4SpF-q3ykVvnBi_HVyJwSxTM-58SxlRG387T6TY";
      window.sgworld = new SmartEarth.EarthCtrl(
        "sdkContainer",
        {
          StaticFileBaseUrl: "../../../static/CimSDK/",
          // StaticFileBaseUrl: "../../../SW/static/CimSDK/",
          // StaticFileBaseUrl: "../../../YZXNCS/static/CimSDK/",
          // StaticFileBaseUrl: "../../../JSJKZHGS/static/CimSDK/",
        },
        {},
        {},
        () => {
          this.TdtIMageLayer();
          this.ArcgisImageryLayer();
          //先飞到亦庄行政区
          sgworld.Navigate.flyToPointsInterest({
            destination: {
@@ -124,6 +130,8 @@
      window.Viewer = sgworld._Viewer;
      window.viewer = sgworld._Viewer;
      sgworld._Viewer.scene.moon.show = false;
      // Viewer.terrainProvider=Cesium.createWorldTerrain()
      window.sgwfs = new SmartEarth.WFSTool(sgworld._Viewer, Cesium);
      Viewer.shadows = false;
      //深度检测
@@ -132,6 +140,7 @@
      // Viewer.scene.screenSpaceCameraController.enableCollisionDetection = false;
      Viewer.scene.globe.translucency.frontFaceAlpha = 0.5;
      Viewer.scene.globe.undergroundColor = undefined;
      // Viewer.scene.screenSpaceCameraController.minimumZoomDistance =200;
      //开启编辑并启用属性弹窗
      sgworld.Creator.SimpleGraphic.setEdit(false, {
        editProp: false,
@@ -199,6 +208,9 @@
      that.initLayerOpen();
      //添加鼠标点击事件
      mapViewer.addClick();
    });
    let size = this.detectZoom();
    this.scale = (100 / size).toFixed(2);
@@ -374,17 +386,44 @@
      this.switchImagerLayer = !this.switchImagerLayer;
    },
    ArcgisImageryLayer() {
      sgworld.Creator.createArcGisImageryLayer(
        "ARCGIS",
        {
          url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
          enablePickFeatures: false,
        },
        "0",
        1,
        true,
        ""
      );
      // var layer= sgworld.Creator.createArcGisImageryLayer(
      //   "ARCGIS",
      //   {
      //     url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
      //     enablePickFeatures: false,
      //   },
      //   "0",
      //   1,
      //   true,
      //   ""
      // );
      var layer = Viewer.imageryLayers.addImageryProvider(new Cesium.ArcGisMapServerImageryProvider({
        url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
      }))
      layer.name = "ARCGIS"
    },
    TdtIMageLayer() {
      var layer = Viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
        url: layerData.config.tdtSl + layerData.config.tdtToken,
        layer: "tdtImgLayer",
        style: "default",
        format: "image/jpeg",
        name: '天地图',
        tileMatrixSetID: "GoogleMapsCompatible",
      }))
      layer.name = "天地图";
      layer.show = false;
      var layer1 = Viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
        url: layerData.config.tdtZj + layerData.config.tdtToken,
        layer: "tdtAnnoLayer",
        style: "default",
        format: "image/jpeg",
        name: '天地图',
        tileMatrixSetID: "GoogleMapsCompatible",
      }))
      layer1.name = "天地图"
      layer1.show = false;
    },
    //初始化弹窗事件