From 65f62f0c2b786739012234e0ac444bb2d3f7da40 Mon Sep 17 00:00:00 2001
From: supermap123 <huangyiqin@supermap>
Date: Thu, 20 Jun 2024 09:46:14 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BC=BA=E9=99=B7=E4=BF=AE=E6=94=B9=EF=BC=9A?=
 =?UTF-8?q?=E6=B3=9B=E5=85=89=E5=8A=9F=E8=83=BD=E7=BB=84=E4=BB=B6=E9=94=80?=
 =?UTF-8?q?=E6=AF=81=E5=90=8E=E5=85=B3=E9=97=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/flood-light.vue                | 211 +-----------------
 1 file changed, 7 insertions(+), 204 deletions(-)

diff --git a/SuperMap iEarth/src/package/sceneSet/scene-specialEffect/components/flood-light.vue b/SuperMap iEarth/src/package/sceneSet/scene-specialEffect/components/flood-light.vue
index be07d020..fcac547d 100644
--- a/SuperMap iEarth/src/package/sceneSet/scene-specialEffect/components/flood-light.vue	
+++ b/SuperMap iEarth/src/package/sceneSet/scene-specialEffect/components/flood-light.vue	
@@ -42,7 +42,7 @@
         v-model:value="state.bloomIntensity"
         :step="0.01"
         :min="0"
-        :max="1"
+        :max="2"
       />
       <n-input-number
         v-model:value="state.bloomIntensity"
@@ -51,59 +51,16 @@
         :bordered="false"
         :show-button="false"
         :min="0"
-        :max="1"
+        :max="2"
         placeholder=""
         size="small"
       />
     </div>
   </div>
-
-  <!-- 热力图 -->
-  <!--
-  <div class="row-item">
-    <span>{{ $t("heatMap") }}</span>
-    <div style="width: 1.96rem">
-      <n-switch v-model:value="state.showHeatMap" size="small" />
-    </div>
-  </div>
-
-   <div
-    class="btn-row-item"
-    v-show="state.showHeatMap"
-    style="margin-left: 1rem"
-  >
-    <n-button
-      type="info"
-      color="#3499E5"
-      text-color="#fff"
-      @click="add_heatMap"
-      style="margin-right: 0.1rem"
-      >{{ $t("Draw") }}</n-button
-    >
-    <n-button
-      class="btn-secondary"
-      @click="clear"
-      color="rgba(255, 255, 255, 0.65)"
-      ghost
-      >{{ $t("clear") }}</n-button
-    >
-  </div>
-
-  <div
-    class="heatmap"
-    v-show="false"
-    style="overflow: hidden; width: 8.4rem; height: 4rem"
-  >
-    <div class="heatmap-canvas" width="50%" height="25%"></div>
-  </div> -->
 </template>
 
 <script lang="ts" setup>
-import { onUnmounted, reactive, watch } from "vue";
-// import { useNotification } from "naive-ui";
-// import initHandler from "@/tools/drawHandler";
-
-// const notification = useNotification();
+import { reactive, watch } from "vue";
 
 type stateType = {
   bloomShow: boolean; // 是否开启泛光
@@ -113,25 +70,12 @@ type stateType = {
 };
 
 let state = reactive<stateType>({
-  bloomShow: false,
-  threshold: 0.65,
-  bloomIntensity: 1,
+  bloomShow: viewer.scene.bloomEffect.show,
+  threshold: viewer.scene.bloomEffect.threshold || 0.65,
+  bloomIntensity: viewer.scene.bloomEffect.bloomIntensity || 1,
   showHeatMap: false,
 });
 
-const scene = viewer.scene;
-let handlerPolyline: any;
-let pts: any, nameHeatMap: any;
-let layers: any = viewer.scene.layers._layerQueue;
-
-onUnmounted(() => {
-  viewer.scene.bloomEffect.show = false;
-  viewer.scene.bloomEffect.threshold = 0.65;
-  viewer.scene.bloomEffect.bloomIntensity = 1;
-
-  clear();
-});
-
 // 启动泛光
 function setBloom() {
   viewer.scene.bloomEffect.show = state.bloomShow;
@@ -139,130 +83,6 @@ function setBloom() {
   viewer.scene.bloomEffect.bloomIntensity = state.bloomIntensity;
 }
 
-// 清除
-function clear() {
-  if (handlerPolyline) handlerPolyline.clearHandler();
-  // clearHeatMap();
-
-  // let layers:any = viewer.scene.layers._layerQueue;
-  // for (let layer of layers) {
-  //   if(layer.name === 'Building@CBD'){
-  //     layer.removeOverlayImage('heat-map'); // 这个方法有问题
-
-  //   }
-  // }
-
-  // let height = viewer.scene.camera.positionCartographic.height;
-  // let _heatmapInstance = createHeatMap(height / 10);
-
-  // // if (layers != null && pts != null) {
-  //   let pts_c = null
-  //   let img = new Image();
-  //   img.src = _heatmapInstance.getDataURL();
-  //   img.onload = function () {
-  //     for (let layer of layers) {
-  //       // layer.removeOverlayImage('heat-map');
-  //       layer.addOverlayImage({
-  //         bounds: SuperMap3D.Rectangle.fromCartesianArray([]),
-  //         name: 'heat-map',
-  //         image: img
-  //       });
-  //     }
-  //   }
-  // // }
-}
-
-// // 创建并添加热力图
-// function add_heatMap() {
-//   clearHeatMap();
-//   // let heatmapInstance = createHeatMap(40);
-//   notification.create({
-//     content: () => $t("scanLineTip"),
-//     duration: 3500,
-//   });
-//   if (!handlerPolyline) {
-//     handlerPolyline = initHandler("Polyline");
-//   }
-//   handlerPolyline.handlerDrawing().then(
-//     (res) => {
-//       handlerPolyline.polylineTransparent.show = false;
-//       pts = res.object ? res.object.positions : res;
-//       let layers: any = viewer.scene.layers._layerQueue;
-//       let mycanvas: any = document.getElementsByClassName("heatmap-canvas");
-//       let imgData = mycanvas[1].toDataURL("image/png");
-//       let img = new Image();
-//       img.src = imgData;
-//       nameHeatMap = "heatMap-" + Date.parse(String(new Date()));
-//       img.onload = function () {
-//         for (let layer of layers) {
-//           layer.addOverlayImage({
-//             bounds: SuperMap3D.Rectangle.fromCartesianArray(pts),
-//             name: nameHeatMap,
-//             image: img,
-//           });
-//         }
-//       };
-//     },
-//     (err) => {
-//       console.log(err);
-//     }
-//   );
-//   handlerPolyline.activate();
-// }
-
-// // 创建热力图
-// function createHeatMap(value) {
-//   let heatmapInstance = h337.create({
-//     container: document.querySelector(".heatmap"),
-//     radius: value,
-//   });
-//   let points: any = [];
-//   let max = 0;
-//   let width = 840;
-//   let height = 400;
-//   let len = 200;
-//   while (len--) {
-//     let val = Math.floor(Math.random() * 100);
-//     max = Math.max(max, val);
-//     let point = {
-//       x: Math.floor(Math.random() * width),
-//       y: Math.floor(Math.random() * height),
-//       value: val,
-//     };
-//     points.push(point);
-//   }
-//   let data = {
-//     max: max,
-//     data: points,
-//   };
-//   heatmapInstance.setData(data);
-//   return heatmapInstance;
-// }
-
-// // 清除热力图
-// function clearHeatMap() {
-//   // 使用一种极其特殊的方式来删除热力图 - （这种并不好，主要是removeOverlayImage不起作用，暂时这样，后面来改)
-//   let ptss = [
-//     { x: -2182183.7755420757, y: 4386763.349348834, z: 4069821.86199696 },
-//     { x: -2182185.7755420757, y: 4386764.349348834, z: 4069822.86199696 },
-//   ];
-//   let height = scene.camera.positionCartographic.height;
-//   let _heatmapInstance = createHeatMap(height / 10);
-
-//   let img = new Image();
-//   img.src = _heatmapInstance.getDataURL();
-//   img.onload = function () {
-//     for (let layer of layers) {
-//       layer.removeOverlayImage(nameHeatMap);
-//       layer.addOverlayImage({
-//         bounds: SuperMap3D.Rectangle.fromCartesianArray(ptss),
-//         name: "del-temp-heatMap",
-//         image: img,
-//       });
-//     }
-//   };
-// }
-
 watch(
   () => state.threshold,
   (newVal: number) => {
@@ -275,22 +95,5 @@ watch(
     viewer.scene.bloomEffect.bloomIntensity = newVal;
   }
 );
-watch(
-  () => state.showHeatMap,
-  (val) => {
-    if (val) {
-      // add_heatMap();
-    } else {
-      clear();
-    }
-  }
-);
-</script>
 
-<style lang="scss" scoped>
-.heatmap {
-  position: absolute;
-  top: 20rem;
-  left: 20rem;
-}
-</style>
+</script>