From b2fdf4f25251229adbe9a6963cb35fb7fc868172 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期二, 02 一月 2024 18:29:14 +0800
Subject: [PATCH] GLB模型添加.修改，删除
---
src/components/index.vue | 53 +++++++++++++++++++++++++++++++++++------------------
1 files changed, 35 insertions(+), 18 deletions(-)
diff --git a/src/components/index.vue b/src/components/index.vue
index f5b8b72..9227b11 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -1,11 +1,11 @@
<template>
<div class="mapViewer">
<div class="cacheImage">
- <img style="display: none;" src="@assets/img/new/rightCircle-y.png" alt="" />
- <img style="display: none;" src="@assets/img/new/leftCircle-y.png" alt="" />
- <img style="display: none;" src="@assets/img/new/treeClose-y.png" alt="" />
- <img style="display: none;" src="@assets/img/new/h1.png" alt="" />
- </div>
+ <img style="display: none;" src="@assets/img/new/rightCircle-y.png" alt="" />
+ <img style="display: none;" src="@assets/img/new/leftCircle-y.png" alt="" />
+ <img style="display: none;" src="@assets/img/new/treeClose-y.png" alt="" />
+ <img style="display: none;" src="@assets/img/new/h1.png" alt="" />
+ </div>
<div class="tooltip" :class="{ tooltiphide: !tooltipShow }">
@@ -21,9 +21,8 @@
</div>
</div>
- <viewer1 class="mapViewer" :key="switchKey" v-show="viewer1Show" :style="viewer1Style"
- @mousemove.native="viewer1MouseMove" />
- <viewer class="mapViewer" ref="mapViewer" :style="viewerStyle" @mousemove.native="viewerMouseMove" />
+ <viewer1 class="mapViewer" id="mapOl" :key="switchKey" v-show="viewer1Show" :style="viewer1Style" />
+ <viewer class="mapViewer" id="mapView" ref="mapViewer" :style="viewerStyle" />
<div class="controlPanel" :style="{
width: `${size}`,
height: `${size}`,
@@ -45,10 +44,14 @@
<right ref="Right" />
<leftpanel ref="Left" />
<menupanel />
- <bottommenu ref="bottommenu" />
+ <!-- <bottommenu ref="bottommenu" /> -->
<signalling v-if="signallingShow"></signalling>
<setting v-if="showSetting" />
<qycharts v-if="$store.state.qyEchartsShow" />
+ </div>
+
+ <div id="imageModel" class="imageModel">
+ <img id="myImage" class="image" src="">
</div>
</div>
</template>
@@ -96,7 +99,7 @@
offset: "0%",
tooltipInfo: "璇风◢鍚庛�傘�傘��",
tooltipShow: false,
- signallingShow:false,
+ signallingShow: false,
switchKey: 0,
// viewer1Show: false,
};
@@ -138,7 +141,7 @@
changePwd() {
console.log(111);
},
- changeMode(mode){
+ changeMode(mode) {
this.$refs.mapViewer.changeMode(mode);
},
detectZoom() {
@@ -170,7 +173,7 @@
cameraMoveEnd() {
// var p = {
// destination: sgworld.Navigate.getPosition(),
-
+
// };
// sgworld1.Viewer.camera.setView(p);
},
@@ -197,13 +200,13 @@
sgworldEvenListener() {
// sgworld1.Viewer.camera.setView({
// destination: sgworld.Viewer.camera.position.clone(),
-
+
// });
},
sgworld1EvenListener() {
// sgworld.Viewer.camera.setView({
// destination: sgworld1.Viewer.camera.position.clone(),
-
+
// });
},
closeHighLight() {
@@ -227,15 +230,16 @@
this.$store.commit("showHistory", false);
},
},
- beforeDestroy(){
+ beforeDestroy() {
this.$refs.bottommenu.switchMenu(0);
},
};
</script>
<style scoped>
-.cacheImage{
+.cacheImage {
display: none !important;
}
+
.mapViewer {
height: 100%;
}
@@ -247,8 +251,8 @@
}
#headlog {
- width: 965px;
- height: 70px;
+ width: 1920px;
+ height: 100px;
position: absolute;
left: 50%;
top: 0;
@@ -337,4 +341,17 @@
.searchBtn {
width: 40px;
}
+
+.imageModel {
+ z-index: 40;
+ position: absolute;
+ display: none;
+
+
+}
+
+.imageModel .image {
+ width: 30px;
+ height: 30px;
+}
</style>
--
Gitblit v1.9.3