fix Bob需求调整

 <!--
 <!--
  * @Date: 2025-01-22 11:40:12
  * @Date: 2025-01-22 11:40:12
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-02-26 17:41:37
+ * @LastEditTime: 2025-02-27 09:25:30
  * @FilePath: /map-demo/src/views/mapCutter.vue
  * @FilePath: /map-demo/src/views/mapCutter.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -25,17 +25,6 @@
         @blur="onCenterBlur"
         @blur="onCenterBlur"
       />
       />
     </div>
     </div>
-    <div style="display: flex; align-items: center;">
-      <div>地图层级:&nbsp;</div>
-      <el-select v-model="map_zoom" placeholder="地图层级" style="width: 80px" @change="onZoomChange">
-          <el-option
-            v-for="item in zoom_options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-    </div>
 
 
     <div style="display: flex; align-items: center;">
     <div style="display: flex; align-items: center;">
       <div>上传图片左下角坐标:&nbsp;</div>
       <div>上传图片左下角坐标:&nbsp;</div>
@@ -61,6 +50,19 @@
       >
       >
       </el-input> -->
       </el-input> -->
     </div>
     </div>
+
+    <div style="display: flex; align-items: center;">
+      <div>地图层级:&nbsp;</div>
+      <el-select v-model="map_zoom" placeholder="地图层级" style="width: 80px" @change="onZoomChange">
+          <el-option
+            v-for="item in zoom_options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+    </div>
+
     <div v-if="showUpload">
     <div v-if="showUpload">
       <!-- 触发上传按钮 -->
       <!-- 触发上传按钮 -->
       <el-button type="primary" @click="triggerFileInput">上传图片</el-button>
       <el-button type="primary" @click="triggerFileInput">上传图片</el-button>
@@ -203,12 +205,12 @@ const handleKeydown = (e) => { // 键盘控制
 }
 }
 
 
 onMounted(async () => {
 onMounted(async () => {
-  loadMap();
-  window.addEventListener('keydown', handleKeydown)
   // 地图中心点
   // 地图中心点
   const code = $route.query.id;
   const code = $route.query.id;
   const { data } = await mapAPI({ i: code });
   const { data } = await mapAPI({ i: code });
   map_center.value = data.map.center.map(item => Number(item));
   map_center.value = data.map.center.map(item => Number(item));
+  loadMap();
+  window.addEventListener('keydown', handleKeydown)
 });
 });
 
 
 onBeforeUnmount(() => {
 onBeforeUnmount(() => {
@@ -364,7 +366,7 @@ function cutTiles() {
 
 
 // ✅ 1. 位置移动
 // ✅ 1. 位置移动
 const moveImage = (direction) => {
 const moveImage = (direction) => {
-const offset = 0.0001; // 移动步长（经纬度差值）
+const offset = 0.000002; // 移动步长（经纬度差值）
 const sw = bounds.value.getSouthWest();
 const sw = bounds.value.getSouthWest();
 const ne = bounds.value.getNorthEast();
 const ne = bounds.value.getNorthEast();