From 2282e3191a6e4d54617546005fec97f2189d4980 Mon Sep 17 00:00:00 2001
From: suixy <2277317060@qq.com>
Date: Fri, 10 Oct 2025 17:28:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 49071be..772a2e8 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -87,8 +87,8 @@ const LEFT = defineComponent({
           <Ruler
               ref={rulerRef}
               index={dotIndex.value}
-              width={500}
-              height={1000}
+              width={areaData.value.width}
+              height={areaData.value.height}
               boxPos={boxPos.value}
               dots={dots.value}
               dotIndex={0}
@@ -1092,13 +1092,16 @@ function getBoundingBoxAndSize(points) {
     return R * c;
   };
 
-  const width = haversineDistance(minLat, minLon, minLat, maxLon);
-  const height = haversineDistance(minLat, minLon, maxLat, minLon);
+  const width = Math.round(haversineDistance(minLat, minLon, minLat, maxLon))
+  const height = Math.round(haversineDistance(minLat, minLon, maxLat, minLon))
 
   return {width, height};
 }
 
-
+const areaData = ref({
+  width: 500,
+  height: 1000
+})
 const saveAreaPoint = () => {
   let arr = []
   areaPoints.value.forEach((v, k) => {
@@ -1106,7 +1109,7 @@ const saveAreaPoint = () => {
   })
   Promise.all(arr).then(() => {
     ElMessage.success('保存成功')
-    console.log(getBoundingBoxAndSize(areaPoints.value))
+    areaData.value = getBoundingBoxAndSize(areaPoints.value)
   }).catch((err) => {
     ElMessage.error(err)
   })