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