From eea0af2e6491549ef5b1b0044189a9c055b28f75 Mon Sep 17 00:00:00 2001
From: TreeWish <1131093754@qq.com>
Date: 星期一, 27 二月 2023 19:19:16 +0800
Subject: [PATCH] 合并项目展示介绍等基础信息
---
src/components/mapol.vue | 70 +++++++++++++++++++---------------
1 files changed, 39 insertions(+), 31 deletions(-)
diff --git a/src/components/mapol.vue b/src/components/mapol.vue
index 093ac52..cdc191d 100644
--- a/src/components/mapol.vue
+++ b/src/components/mapol.vue
@@ -2,32 +2,41 @@
<div id="mapol">
<div style="display: flex">
<div
- @click="changeMenulayer"
- class="center CenDiv"
- :class="{ center1: centerFlag }"
+ @click="changeMenulayer"
+ class="center CenDiv"
+ :class="{ center1: centerFlag }"
>
<div
- id="cenBg"
- v-bind:class="{ active: isActive, menuLayer: isMenuLayer }"
+ id="cenBg"
+ v-bind:class="{ active: isActive, menuLayer: isMenuLayer }"
></div>
</div>
- <div @click="changeMapType" class="changeMapType">
- <div id="cenBg" :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'"></div>
+ <div
+ @click="changeMapType"
+ class="changeMapType"
+ >
+ <div
+ id="cenBg"
+ :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'"
+ ></div>
</div>
</div>
-<!-- <div-->
-<!-- @click="changeMenulayer"-->
-<!-- class="center CenDiv"-->
-<!-- :class="{ center1: centerFlag }"-->
-<!-- >-->
-<!-- <div-->
-<!-- id="cenBg"-->
-<!-- v-bind:class="{ active: isActive, menuLayer: isMenuLayer }"-->
-<!-- ></div>-->
+ <!-- <div-->
+ <!-- @click="changeMenulayer"-->
+ <!-- class="center CenDiv"-->
+ <!-- :class="{ center1: centerFlag }"-->
+ <!-- >-->
+ <!-- <div-->
+ <!-- id="cenBg"-->
+ <!-- v-bind:class="{ active: isActive, menuLayer: isMenuLayer }"-->
+ <!-- ></div>-->
-<!-- </div>-->
- <div v-show="$store.state.isNaviget" class="sindagis-map-compass">
+ <!-- </div>-->
+ <div
+ v-show="$store.state.isNaviget"
+ class="sindagis-map-compass"
+ >
<span
class="left"
@click="leftClick"
@@ -74,7 +83,7 @@
isMenuLayer: false,
rotate: 0,
currentDir: '',
- show2DMap:false,
+ show2DMap: false,
}
},
mounted() {
@@ -99,7 +108,7 @@
target: "mapol",
layers: [imageLayer, vectorLayer],
view: new View({
- center: [105.02, 34.9] ,
+ center: [105.02, 34.9],
zoom: 4,
projection: "EPSG:4326",
}),
@@ -122,11 +131,11 @@
},
//浜岀淮/涓夌淮鍦板浘鍒囨崲
- changeMapType(){
- // debugger
+ changeMapType() {
+ //
this.show2DMap = !this.show2DMap;
//浜岀淮
- if (this.show2DMap){
+ if (this.show2DMap) {
this.$bus.$emit("changemap", 2);
}
//涓夌淮
@@ -316,7 +325,7 @@
background: url("../assets/img/compass.png") -89px -5px / 266px no-repeat;
}
-.changeMapType{
+.changeMapType {
position: absolute;
bottom: 1%;
left: calc(1% + 75px);
@@ -326,26 +335,25 @@
display: flex;
justify-content: center;
align-items: center;
- box-shadow: 3px 3px 6px #666;
+ // box-shadow: 3px 3px 6px #666;
border-radius: 5px;
- background: #fff;
+ // background: #fff;
cursor: pointer;
}
-.mapTypeTwo{
+.mapTypeTwo {
width: 100%;
height: 100%;
margin-left: 10px;
- background-image: url("../assets/img/3dmap.png");
+ background-image: url("../assets/img/synthesis/3D.png");
background-repeat: no-repeat;
background-size: contain;
}
-.mapTypeThree{
+.mapTypeThree {
width: 100%;
height: 100%;
margin-left: 10px;
- background-image: url("../assets/img/2dmap.png");
+ background-image: url("../assets/img/synthesis/2D 鎷疯礉 2.png");
background-repeat: no-repeat;
background-size: contain;
}
-
</style>
--
Gitblit v1.9.3