From 10ecfd0b60442d209d1ab4b749580ffb638d1992 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期三, 08 五月 2024 14:44:04 +0800
Subject: [PATCH] 数字人更新
---
src/components/map/viewer.vue | 90 ++++++++++++++++++++++++++++++++++-----------
1 files changed, 68 insertions(+), 22 deletions(-)
diff --git a/src/components/map/viewer.vue b/src/components/map/viewer.vue
index a29d709..7118128 100644
--- a/src/components/map/viewer.vue
+++ b/src/components/map/viewer.vue
@@ -1,31 +1,58 @@
<template>
<div>
<div id="sdkContainer"></div>
+
+
<div class="listBox" v-show="viewer1Show && !isLand">
<ul id="viewer_lsyx">
- <li v-for="(item, index) in arr" :key="index" @click="changeLeftMap($event, item, index)">
+ <li
+ v-for="(item, index) in arr"
+ :key="index"
+ @click="changeLeftMap($event, item, index)"
+ >
{{ item }}
</li>
</ul>
</div>
+
<layerTreeTwoScreen v-if="layerTreeTwoScreen" />
<!-- <div id="bottomInfo" v-html="bottomInfo"></div> -->
- <div id="switchImagerLayer" :style="{
- transform: `scale(${scale}) translate(${offset},${offset})`,
- '-webkit-transform': `scale(${scale}) translate(${offset},${offset})`,
- '-moz-transform': `scale(${scale}) translate(${offset},${offset})`,
- '-o-transform': `scale(${scale}) translate(${offset},${offset})`,
- '-ms-transform': `scale(${scale}) translate(${offset},${offset})`,
- }">
- <transition name="animate__animated animate__bounce" @click="switchImagerLayerShowOrHide"
- enter-active-class="animate__backInRight" leave-active-class="animate__backOutRight" appear>
+ <div
+ id="switchImagerLayer"
+ :style="{
+ transform: `scale(${scale}) translate(${offset},${offset})`,
+ '-webkit-transform': `scale(${scale}) translate(${offset},${offset})`,
+ '-moz-transform': `scale(${scale}) translate(${offset},${offset})`,
+ '-o-transform': `scale(${scale}) translate(${offset},${offset})`,
+ '-ms-transform': `scale(${scale}) translate(${offset},${offset})`,
+ }"
+ >
+ <transition
+ name="animate__animated animate__bounce"
+ @click="switchImagerLayerShowOrHide"
+ enter-active-class="animate__backInRight"
+ leave-active-class="animate__backOutRight"
+ appear
+ >
<switchImagerLayer ref="switchImagerLayer" v-show="switchImagerLayer" />
</transition>
- <img class="swichImg" @click="switchImagerLayerShowOrHide" :src="switchImage" />
+ <img
+ class="swichImg"
+ @click="switchImagerLayerShowOrHide"
+ :src="switchImage"
+ />
<div class="bgbox">
- <img class="swichImg" @click="switchImagerLayerShowOrHide" src="@/assets/img/new/shiliang.png" />
- <img class="swichImg bgbox" @click="switchImagerLayerShowOrHide" src="@/assets/img/new/shiliang.png" />
+ <img
+ class="swichImg"
+ @click="switchImagerLayerShowOrHide"
+ src="@/assets/img/new/shiliang.png"
+ />
+ <img
+ class="swichImg bgbox"
+ @click="switchImagerLayerShowOrHide"
+ src="@/assets/img/new/shiliang.png"
+ />
</div>
</div>
</div>
@@ -42,6 +69,10 @@
import jiejing from "@/assets/img/new/jiejing.png";
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 {
@@ -72,6 +103,7 @@
},
computed: {
...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen", "cesiumInit"]),
+
},
watch: {
viewer1Show(newvalue, oldvalue) {
@@ -92,15 +124,20 @@
},
},
mounted() {
+ 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: "../../../YZXNCS/static/CimSDK/",
+ StaticFileBaseUrl: StaticFileBaseUrl,
},
{},
{},
@@ -140,12 +177,14 @@
},
duration: 5, //椋炶鏃堕棿8s
});
+ // console.log("鍔犺浇瀹屾垚");
}, 14000);
that.setCesiumInit(true);
}
);
window.Viewer = sgworld._Viewer;
-
+ window.viewer = sgworld._Viewer;
+ sgworld._Viewer.scene.moon.show = false;
window.sgwfs = new SmartEarth.WFSTool(sgworld._Viewer, Cesium);
Viewer.shadows = false;
//娣卞害妫�娴�
@@ -154,6 +193,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,
@@ -264,7 +307,7 @@
},
initLSYX() {
let ul = document.getElementById("viewer_lsyx");
- let lis = ul.getElementsByTagName('li');
+ let lis = ul.getElementsByTagName("li");
lis[19].click();
},
destroyImageLayer() {
@@ -297,14 +340,12 @@
nLayer = null;
}
nLayer = this.loadBJ54ImageLayer(year);
- if (!LWLayer||Viewer.imageryLayers.indexOf(LWLayer)<0) {
- if(LWLayer)
- {
+ if (!LWLayer || Viewer.imageryLayers.indexOf(LWLayer) < 0) {
+ if (LWLayer) {
LWLayer.destroy();
}
LWLayer = this.loadBJ54LWLayer();
}
-
},
loadBJ54LWLayer() {
let url = "http://172.26.64.84/service/ImageEngine/picdis/abc";
@@ -452,6 +493,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 () {
--
Gitblit v1.9.3