From d7920424b7997ed2a39e0fb19462531cfc0ed645 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期二, 13 六月 2023 16:27:02 +0800
Subject: [PATCH] 在线制图基添加础矢量图层；修改地图切换按钮，放大后没有同步
---
src/components/mapol.vue | 61 +++++++++++-------------------
1 files changed, 23 insertions(+), 38 deletions(-)
diff --git a/src/components/mapol.vue b/src/components/mapol.vue
index 3dc2939..8ee1c0e 100644
--- a/src/components/mapol.vue
+++ b/src/components/mapol.vue
@@ -4,6 +4,17 @@
<div
@click="changeMenulayer"
class="changeLayer"
+ style=" 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, 0.5);"
>
<div
title="搴曞浘鍒囨崲"
@@ -15,6 +26,17 @@
<div
@click="changeMapType"
class="changeMapType"
+ style=" position: absolute;
+ bottom: 52px;
+ 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, 0.5);"
>
<div
title="2/3缁村垏鎹�"
@@ -36,7 +58,7 @@
<!-- </div>-->
<div
class="sindagis-map-compass"
- style=" bottom: 130px; right: 35px;"
+ style=" bottom: 130px; right: 40px;"
>
<span
class="left"
@@ -308,10 +330,8 @@
.sindagis-map-compass {
position: absolute;
- right: 50px;
z-index: 5;
-
width: 52px;
height: 54px;
background: url("../assets/img/compass.png") 0% 0% / 266px no-repeat;
@@ -371,30 +391,6 @@
background-size: contain;
}
.changeMapType {
- position: absolute;
- bottom: 52px;
- 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, 0.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%;
@@ -415,16 +411,5 @@
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, 0.5);
}
</style>
--
Gitblit v1.9.3