From 6cb5ed2151e657275a4b1dddd0f9404e9348e14b Mon Sep 17 00:00:00 2001
From: 584911253@qq.com <584911253@qq.com>
Date: 星期四, 23 三月 2023 10:20:42 +0800
Subject: [PATCH] 地图切换修改
---
src/components/mapol.vue | 57 ++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 42 insertions(+), 15 deletions(-)
diff --git a/src/components/mapol.vue b/src/components/mapol.vue
index 35e0c43..51876c4 100644
--- a/src/components/mapol.vue
+++ b/src/components/mapol.vue
@@ -3,7 +3,7 @@
<div style="display: flex">
<div
@click="changeMenulayer"
- class="center CenDiv"
+ class="changeLayer"
>
<div
title="搴曞浘鍒囨崲"
@@ -149,7 +149,7 @@
//浜岀淮/涓夌淮鍦板浘鍒囨崲
changeMapType() {
- //
+ //
this.show2DMap = !this.show2DMap;
//浜岀淮
if (this.show2DMap) {
@@ -345,40 +345,67 @@
.mapBaseMap {
width: 100%;
height: 100%;
- margin-left: 10px;
- background-image: url("../assets/img/synthesis/搴曞浘.png");
+ //margin-left: 10px;
+ background-image: url("../assets/img/basemap.png");
+ //background-image: url("../assets/img/synthesis/搴曞浘.png");
background-repeat: no-repeat;
background-size: contain;
}
.changeMapType {
position: absolute;
- bottom: 1%;
- left: calc(1% + 75px);
- height: 40px;
- width: 60px;
+ bottom: 52px;
+ right: 46px;
+ height: 30px;
+ width: 30px;
z-index: 101;
display: flex;
justify-content: center;
align-items: center;
- // box-shadow: 3px 3px 6px #666;
- border-radius: 5px;
- // background: #fff;
cursor: pointer;
+ border: 1px solid rgba(255,255,255,.5);
+ //position: absolute;
+ //bottom: 1%;
+ //left: calc(1% + 75px);
+ //height: 40px;
+ //width: 60px;
+ //z-index: 101;
+ //display: flex;
+ //justify-content: center;
+ //align-items: center;
+ //// box-shadow: 3px 3px 6px #666;
+ //border-radius: 5px;
+ //// background: #fff;
+ //cursor: pointer;
}
.mapTypeTwo {
width: 100%;
height: 100%;
- margin-left: 10px;
- background-image: url("../assets/img/synthesis/3D.png");
+ //margin-left: 10px;
+ background-image: url("../assets/img/3D.png");
+ //background-image: url("../assets/img/synthesis/3D.png");
background-repeat: no-repeat;
background-size: contain;
}
.mapTypeThree {
width: 100%;
height: 100%;
- margin-left: 10px;
- background-image: url("../assets/img/synthesis/2D 鎷疯礉 2.png");
+ //margin-left: 10px;
+ background-image: url("../assets/img/2D.png");
+ //background-image: url("../assets/img/synthesis/2D 鎷疯礉 2.png");
background-repeat: no-repeat;
background-size: contain;
}
+.changeLayer{
+ position: absolute;
+ bottom: 84px;
+ right: 46px;
+ height: 30px;
+ width: 30px;
+ z-index: 101;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ border: 1px solid rgba(255,255,255,.5);
+}
</style>
--
Gitblit v1.9.3