11

少年

2024-01-31 972e380a4f9d00cacf15dffda906d5563f35431e

 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();
    },
  },
};