11

少年

2024-01-31 972e380a4f9d00cacf15dffda906d5563f35431e

11

 src/assets/GLOBAL.vue

@@ -1,6 +1,8 @@
<script>
const layers = [];
const alpha = 1;
export default {
  layers, //收集器
  alpha,
};
</script>

 src/components/sideMenu/layerMenu/layerPanel.vue

@@ -128,6 +128,7 @@
  loadLayer,
  clearLayerByTypeId,
  clearLayerByTypeIdArr,
  loadAreaLayer
} from "@/utils/map.js";
import _GLOBAL from "@/assets/GLOBAL";
import store from "@/utils/store.js";
@@ -513,7 +514,7 @@
          sgworld.Creator.DeleteObject(window.tdglLayer);
        }
      } else {
        // 隐藏底部图层面版
        // 隐藏底部图层面版tdglLayer
        store.setLayerPanelShow(false);
        // 隐藏右上角菜单面板
        store.setMenuListShow(false);
@@ -523,30 +524,30 @@
        switch (index) {
          case 0:
            store.setSliderShow(true);
            window.tdglLayer = sgworld.Creator.createImageryProvider(
              layers[8].name,
              "tms",
              {
                id: layers[8].children[0].id,
                url: layers[8].children[0].urls,
                fileExtension: layers[8].children[0].img || "png",
                enablePickFeatures: false,
                level: layers[8].children[0].Level,
                minimumLevel: layers[8].children[0].minimumLevel,
                maximumLevel: layers[8].children[0].maximumLevel,
                tilingScheme:
                  layers[8].children[0].tileType === "Geo"
                    ? new Cesium.GeographicTilingScheme()
                    : new Cesium.WebMercatorTilingScheme(),
                // alpha: layers[8].children[0].alpha,
                alpha: this.alpha,
              },
              "0",
              layers[8].children[0].zIndex,
              true,
              ""
            );
            //显示滑动条
            loadAreaLayer()
            // window. = sgworld.Creator.createImageryProvider(
            //   layers[8].name,
            //   "tms",
            //   {
            //     id: layers[8].children[0].id,
            //     url: layers[8].children[0].urls,
            //     fileExtension: layers[8].children[0].img || "png",
            //     enablePickFeatures: false,
            //     level: layers[8].children[0].Level,
            //     minimumLevel: layers[8].children[0].minimumLevel,
            //     maximumLevel: layers[8].children[0].maximumLevel,
            //     tilingScheme:
            //       layers[8].children[0].tileType === "Geo"
            //         ? new Cesium.GeographicTilingScheme()
            //         : new Cesium.WebMercatorTilingScheme(),
            //     // alpha: layers[8].children[0].alpha,
            //     alpha: 1,
            //   },
            //   "0",
            //   layers[8].children[0].zIndex,
            //   true,
            //   ""
            // );
            store.setTdglFlag(true);
            break;
          case 1:

 src/components/sideMenu/roamPanel/roamPanel.vue

@@ -156,7 +156,6 @@
          content: SmartEarthRootUrl + "Workers/path/Path.html",
          end: function () {
            document.querySelector("#drop").style.display = "none";
            document.querySelector("#drop").style.display = "none";
            PathAnimationData.fly && PathAnimationData.fly.exit();
            store.setSearchPanelShow(true);
          },

 src/components/sideMenu/sliderAlpha/alpha.vue

@@ -1,12 +1,11 @@
<template>
  <div class="sliders">
    <el-slider
      v-model="alpha"
      v-model="value"
      :max="100"
      :min="0"
      vertical
      height="200px"
      :max="1"
      :min="0"
      :step="0.01"
      @input="changeSlider"
    >
    </el-slider>
@@ -15,41 +14,18 @@

<script>
import store from "@/utils/store.js";
import { layers } from "../../../../static/json/layer.js";
import _GLOBAL from "@/assets/GLOBAL";
import { loadAreaLayer } from "../../../utils/map.js";
export default {
  data() {
    return {
      alpha: store.tdglInfo.alpha,
      value: 100,
    };
  },
  methods: {
    changeSlider(val) {
      if (window.tdglLayer) {
        sgworld.Creator.DeleteObject(window.tdglLayer);
      }
      window.tdglLayer = sgworld.Creator.createImageryProvider(
        layers[8].name,
        "tms",
        {
          id: layers[8].children[0].id,
          url: layers[8].children[0].urls,
          fileExtension: layers[8].children[0].img || "png",
          enablePickFeatures: false,
          level: layers[8].children[0].Level,
          minimumLevel: layers[8].children[0].minimumLevel,
          maximumLevel: layers[8].children[0].maximumLevel,
          tilingScheme:
            layers[8].children[0].tileType === "Geo"
              ? new Cesium.GeographicTilingScheme()
              : new Cesium.WebMercatorTilingScheme(),
          // alpha: layers[8].children[0].alpha,
          alpha:val,
        },
        "0",
        layers[8].children[0].zIndex,
        true,
        ""
      );
      _GLOBAL.alpha = val / 100;
      loadAreaLayer();
    },
  },
};

 src/utils/map.js

@@ -4,7 +4,7 @@
import poiLayer from '@/components/poplayer/main';
import store from "@/utils/store";
import { Message } from 'element-ui';

import { layers } from "../../static/json/layer.js";
let tdglLine, qiyexinxi, qysl, ydbm, ydlx, cyfx, crzt, ydmj, crnx, crnf, rjl, jzxg, jzmd;
let objdata;

@@ -917,8 +917,8 @@
                        level: treeNode.Level,
                        minimumLevel: treeNode.minimumLevel,
                        maximumLevel: treeNode.maximumLevel,
                        minificationFilter:Cesium.TextureMinificationFilter.NEAREST_MIPMAP_LINEAR,
                        magnificationFilter:Cesium.TextureMinificationFilter.NEAREST_MIPMAP_LINEAR,
                        minificationFilter: Cesium.TextureMinificationFilter.NEAREST_MIPMAP_LINEAR,
                        magnificationFilter: Cesium.TextureMinificationFilter.NEAREST_MIPMAP_LINEAR,
                        tilingScheme:
                            treeNode.tileType === "Geo"
                                ? new Cesium.GeographicTilingScheme()
@@ -2190,4 +2190,33 @@
            clearLayerByTypeId(item);
        })
    }
}


export function loadAreaLayer() {
    if (window.tdglLayer) {
        sgworld.Creator.DeleteObject(window.tdglLayer);
    }
    window.tdglLayer = sgworld.Creator.createImageryProvider(
        layers[8].name,
        "tms",
        {
            id: layers[8].children[0].id,
            url: layers[8].children[0].urls,
            fileExtension: layers[8].children[0].img || "png",
            enablePickFeatures: false,
            level: layers[8].children[0].Level,
            minimumLevel: layers[8].children[0].minimumLevel,
            maximumLevel: layers[8].children[0].maximumLevel,
            tilingScheme:
                layers[8].children[0].tileType === "Geo"
                    ? new Cesium.GeographicTilingScheme()
                    : new Cesium.WebMercatorTilingScheme(),
            alpha: _GLOBAL.alpha,
        },
        "0",
        layers[8].children[0].zIndex,
        true,
        ""
    );
}