From dbb352c9d988dfac83da979023fe81a0a02f88e9 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期五, 12 四月 2024 16:34:20 +0800
Subject: [PATCH] 与数字人合并

---
 src/components/map/viewer.vue |   89 +++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 83 insertions(+), 6 deletions(-)

diff --git a/src/components/map/viewer.vue b/src/components/map/viewer.vue
index af1005d..bd20cd5 100644
--- a/src/components/map/viewer.vue
+++ b/src/components/map/viewer.vue
@@ -1,8 +1,36 @@
 <template>
   <div>
     <div id="sdkContainer"></div>
+    <!-- <iframe
+      id="digital_page"
+      v-if="isShowDigitalPerson"
+      src="https://iframetester.com/"
+      height="450"
+      width="600"
+      frameborder="no"
+      border="0"
+      marginwidth="0"
+      marginheight="0"
+      scrolling="no"
+      allowtransparency="yes"
+    ></iframe> -->
+    <iframe
+      v-if="isShowDigitalPerson"
+      id="digital_page"
+      allow="microphone;"
+      :src="digitalHuman"
+      :height="digitalSize.height"
+      :width="digitalSize.width"
+      frameborder="no"
+      border="0"
+      marginwidth="0"
+      marginheight="0"
+      scrolling="no"
+      allowtransparency="yes"
+    ></iframe>
+
     <div class="listBox" v-show="viewer1Show && !isLand">
-      <ul>
+      <ul id="viewer_lsyx">
         <li
           v-for="(item, index) in arr"
           :key="index"
@@ -12,6 +40,7 @@
         </li>
       </ul>
     </div>
+
     <layerTreeTwoScreen v-if="layerTreeTwoScreen" />
     <!-- <div id="bottomInfo" v-html="bottomInfo"></div> -->
     <div
@@ -67,6 +96,10 @@
 import "animate.css";
 import Bus from "@tools/Bus";
 
+import mapData from "../../../static/mapData";
+import mapMsg from "../../assets/js/mapMsg";
+import vueEvents from "@/utils/vueEvent.js";
+
 let activeLi, nLayer, LWLayer;
 export default {
   name: "viewer",
@@ -88,6 +121,8 @@
       scale: "1",
       offset: "0%",
       radio: 3,
+      digitalHuman: null,
+      digitalSize: {},
       arr: [
         2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012,
         2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021,
@@ -96,28 +131,45 @@
   },
   computed: {
     ...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen", "cesiumInit"]),
+    isShowDigitalPerson() {
+      return this.$store.state.isShowDigitalPerson;
+    },
   },
   watch: {
     viewer1Show(newvalue, oldvalue) {
       if (!newvalue) {
         this.destroyImageLayer();
+      } else {
+        if (!this.isLand) {
+          this.initLSYX();
+        }
       }
     },
     isLand(newvalue, oldvalue) {
       if (newvalue) {
         this.destroyImageLayer();
+      } else {
+        this.initLSYX();
       }
     },
   },
   mounted() {
+    this.digitalHuman = window.digitalHumanURL;
+    this.digitalSize = window.digitalSize;
+    let pathName = window.location.pathname.split("/");
+    let StaticFileBaseUrl;
+    if (pathName.length != 2) {
+      StaticFileBaseUrl = `../../../${pathName[1]}/static/CimSDK/`;
+    } else {
+      StaticFileBaseUrl = `../../../static/CimSDK/`;
+    }
     this.$nextTick(function () {
       let that = this;
       //*********鍖椾含sdk************
       window.sgworld = new SmartEarth.EarthCtrl(
         "sdkContainer",
         {
-          StaticFileBaseUrl: "../../../static/CimSDK/",
-          // StaticFileBaseUrl: "../../../SW/static/CimSDK/",
+          StaticFileBaseUrl: StaticFileBaseUrl,
         },
         {},
         {},
@@ -157,12 +209,15 @@
               },
               duration: 5, //椋炶鏃堕棿8s
             });
+            // console.log("鍔犺浇瀹屾垚");
           }, 14000);
           that.setCesiumInit(true);
         }
       );
       window.Viewer = sgworld._Viewer;
-      window.sgwfs = new SmartEarth.WFSTool(sgworld._Viewer);
+      window.viewer = sgworld._Viewer;
+      sgworld._Viewer.scene.moon.show = false;
+      window.sgwfs = new SmartEarth.WFSTool(sgworld._Viewer, Cesium);
       Viewer.shadows = false;
       //娣卞害妫�娴�
       sgworld.Analysis.depthTestAgainstTerrain(true);
@@ -170,6 +225,10 @@
       // Viewer.scene.screenSpaceCameraController.enableCollisionDetection = false;
       Viewer.scene.globe.translucency.frontFaceAlpha = 0.5;
       Viewer.scene.globe.undergroundColor = undefined;
+
+      mapMsg.init();
+      // rpc.clickToCoordinates();
+      // mapMsg.setTime();
       //寮�鍚紪杈戝苟鍚敤灞炴�у脊绐�
       sgworld.Creator.SimpleGraphic.setEdit(true, {
         editProp: true,
@@ -278,6 +337,11 @@
         this.destroyImageLayer();
       }
     },
+    initLSYX() {
+      let ul = document.getElementById("viewer_lsyx");
+      let lis = ul.getElementsByTagName("li");
+      lis[19].click();
+    },
     destroyImageLayer() {
       if (activeLi) {
         activeLi.classList.remove("active");
@@ -308,7 +372,10 @@
         nLayer = null;
       }
       nLayer = this.loadBJ54ImageLayer(year);
-      if (!LWLayer) {
+      if (!LWLayer || Viewer.imageryLayers.indexOf(LWLayer) < 0) {
+        if (LWLayer) {
+          LWLayer.destroy();
+        }
         LWLayer = this.loadBJ54LWLayer();
       }
     },
@@ -458,6 +525,11 @@
           cancel: function () {
             if (cancelFn && typeof cancelFn === "function") {
               cancelFn();
+              if (window.pickFeature && window.pickFeature.primitive) {
+                window.pickFeature.primitive.image = imgUrl;
+                window.pickFeature.primitive.scale = scale;
+                window.pickFeature = null;
+              }
             }
           },
           end: function () {
@@ -572,7 +644,12 @@
   border-radius: 10px;
   /* box-shadow: 0px 0px 5px 3px #fff; */
 }
-
+#digital_page {
+  position: absolute;
+  left: 0;
+  bottom: 120px;
+  z-index: 10;
+}
 /* #switchImagerLayer:before {
   content: "";
   position: absolute;

--
Gitblit v1.9.3