From b7e62ad2625121586b1254dab69b3c3d38da71de Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期二, 31 十月 2023 17:31:10 +0800
Subject: [PATCH] 投影图层修改，在线制图修改
---
src/views/Map/olMap.vue | 23 +++++++++++++++++++++--
1 files changed, 21 insertions(+), 2 deletions(-)
diff --git a/src/views/Map/olMap.vue b/src/views/Map/olMap.vue
index bb31dca..692d5dd 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,
@@ -16,7 +22,7 @@
defineEmits,
} from "vue";
onMounted(() => {
- olMap.initMap();
+
});
</script>
@@ -27,5 +33,18 @@
margin: 0;
padding: 0;
position: absolute;
+ .coordinate {
+ left: 153px;
+ bottom: 23px;
+ padding: 5px 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: 14px;
+ font-family: Source Han Sans CN;
+ font-weight: 400;
+ color: rgba(214, 228, 255, 0.8);;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3