From d91f0dfcd2ef95fb3624d94ade24fe69a9169a58 Mon Sep 17 00:00:00 2001
From: 13693261870 <252740454@qq.com>
Date: 星期日, 04 二月 2024 15:15:00 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.20.92:8888/r/P2022036_Web2

---
 src/components/MapDiv.vue |   35 ++++++++++++++++++++++++++++++++---
 1 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/components/MapDiv.vue b/src/components/MapDiv.vue
index d28f4f8..e55ced2 100644
--- a/src/components/MapDiv.vue
+++ b/src/components/MapDiv.vue
@@ -23,20 +23,28 @@
     >
       <mapol></mapol>
     </div>
+    <add-online-map ref="addOnlineMap" />
+    <add-online-ol-map ref="addOnlineOlMap"></add-online-ol-map>
   </div>
 </template>
 
 <script>
+
 import mapsdk from "./mapsdk"
 import mapol from "./mapol"
 import { transform } from "ol/proj"
 import ol from "ol"
 import $ from "jquery"
+import AddOnlineMap from '../views/Tools/AddOnlineMap.vue'
+import AddOnlineOlMap from '../views/Tools/AddOnlineOLMap.vue'
 export default {
   name: "",
+
   components: {
     mapsdk,
     mapol,
+    AddOnlineMap,
+    AddOnlineOlMap
   },
   data() {
     return {
@@ -57,6 +65,7 @@
     changeMap(res) {
       this.isSplitFlag = res
       this.getMapViewCenter(this.isSplitFlag);
+  
       switch (res) {
         case 1:
           this.isShowCeMap = true
@@ -65,8 +74,9 @@
           this.isShowOlMap = true
           this.isSdkMapFlag = true
           var that = this
-
+          this.$store.state.setChangeBaseMap = false;
           setTimeout(function () {
+       
             window.map.updateSize()
             that.showSplitMap()
           }, 500)
@@ -91,6 +101,7 @@
           this.isOlMapFlag = false
           this.isShowCeMap = false
           var val = this.$store.state.Map3;
+          this.$store.state.setChangeBaseMap = true; 
           window.Viewer.camera.setView({
             destination: Cesium.Cartesian3.fromDegrees(val[0], val[1], val[2]),
           })
@@ -222,8 +233,26 @@
       }
       return this.levelArray[this.levelArray.length - 1]
     },
+    showBaseMapLayer(res) {
+      this.closeAllBaseMapLayer();
+      if(res.type == 'ol'){
+        this.$refs && this.$refs.addOnlineOlMap && this.$refs.addOnlineOlMap.open("2D鍦ㄧ嚎鍦板浘", null);
+      }else{
+        this.$refs && this.$refs.addOnlineMap && this.$refs.addOnlineMap.open("3D鍦ㄧ嚎鍦板浘", null);
+      }
+    },
+    closeAllBaseMapLayer(){
+      this.$refs && this.$refs.addOnlineOlMap && this.$refs.addOnlineOlMap.close();
+      this.$refs && this.$refs.addOnlineMap && this.$refs.addOnlineMap.close();
+    },
   },
   mounted() {
+    this.$bus.$on("setChangeBaseMapLayer", (res) => {
+      this.showBaseMapLayer(res)
+
+
+    })
+    // 
     this.$bus.$on("changemap", e => {
       if (this.isSplitFlag == 1) {
         this.changeMap(3)
@@ -255,7 +284,7 @@
   width: 100%;
 }
 .sdkMapTwo {
-  width: calc(50% - 1px);
+  width: calc(50% - 2px);
 }
 .olMap {
   height: 100%;
@@ -267,7 +296,7 @@
   width: 100%;
 }
 .olMapTwo {
-  width: calc(50% - 1px);
+  width: calc(50% - 2px);
 }
 #ds {
   height: 100%;

--
Gitblit v1.9.3