From 8b8f88d7d8d713a1355d9849f467e3a2dc0c22fe Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期二, 05 九月 2023 14:50:26 +0800
Subject: [PATCH] 配置文件修改
---
src/views/Map/olMap.vue | 21 ++++++++++++++++++++-
1 files changed, 20 insertions(+), 1 deletions(-)
diff --git a/src/views/Map/olMap.vue b/src/views/Map/olMap.vue
index bb31dca..b2e3d72 100644
--- a/src/views/Map/olMap.vue
+++ b/src/views/Map/olMap.vue
@@ -2,10 +2,16 @@
<div
id="mapView"
class="mapView"
- ></div>
+ >
+
+ <div class="coordinate">缁忓害锛歿{store.state.olLon}} 绾害锛歿{store.state.olLat }} 绾у埆锛歿{store.state.olZoom }} </div>
+
+ </div>
</template>
<script lang="ts" setup>
+import { useStore } from "vuex"; // 寮曞叆useStore 鏂规硶
+const store = useStore(); // 璇ユ柟娉曠敤浜庤繑鍥瀞tore 瀹炰緥
import olMap from "@/assets/js/Map/olMap";
import {
ref,
@@ -27,5 +33,18 @@
margin: 0;
padding: 0;
position: absolute;
+ .coordinate {
+ bottom: 1%;
+ left: 1%;
+ padding: 10px;
+ background: rgba(7, 8, 14, 0.8);
+ z-index: 30;
+ box-shadow: inset 0px 2px 10px 2px rgba(38, 47, 71, 1);
+ position: absolute;
+ font-size: 16px;
+ font-family: Source Han Sans CN;
+ font-weight: 400;
+ color: #ffffff;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3