北京经济技术开发区经开区虚拟城市项目-【前端】-移动端Web
ZhAkps
2024-02-02 5a56e66be3532e97436ac6d54bd8d66b84203e06
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>
@@ -14,42 +13,15 @@
</template>
<script>
import store from "@/utils/store.js";
import { layers } from "../../../../static/json/layer.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,
        ""
      );
      window.tdglLayer.item.alpha = val / 100;
    },
  },
};
@@ -62,4 +34,7 @@
  left: 0.15rem;
  z-index: 88;
}
.el-tooltip__popper{
  z-index: 88 !important;
}
</style>