11

少年

2024-01-22 b215847e8958a91c1ddbf71020938941e2c9725e

 src/components/sideMenu/sliderAlpha/alpha.vue

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

<script>
import store from "@/utils/store.js";
import { layers } from "../../../../static/json/layer.js";
export default {
  data() {
    return {
@@ -15,7 +24,32 @@
  },
  methods: {
    changeSlider(val) {
      store.setAlpha(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,
        ""
      );
    },
  },
};