fix

 <!--
  * @Date: 2025-01-22 11:40:12
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-02-08 14:32:23
+ * @LastEditTime: 2025-02-08 14:42:00
  * @FilePath: /map-demo/src/views/mapCutter.vue
  * @Description: 文件描述
 -->
 <template>
-  <div style="display: flex; padding: 1rem 0 0 1rem; gap: 1rem;  align-items: center;">
+  <!-- <div style="display: flex; padding: 1rem 0 0 1rem; gap: 1rem;  align-items: center;">
     <div>目标地图经纬度</div>
     <el-input
       v-model="map_center"
@@ -14,9 +14,18 @@
       placeholder="输入经纬度"
       @blur="onCenterBlur"
     />
-  </div>
+  </div> -->
   <div style="display: flex; padding: 1rem; gap: 1rem;">
     <div style="display: flex; align-items: center;">
+      <div>目标地图经纬度:&nbsp;</div>
+      <el-input
+        v-model="map_center"
+        style="width: 240px"
+        placeholder="输入经纬度"
+        @blur="onCenterBlur"
+      />
+    </div>
+    <div style="display: flex; align-items: center;">
       <div>地图层级:&nbsp;</div>
       <el-select v-model="map_zoom" placeholder="地图层级" style="width: 240px" @change="onZoomChange">
           <el-option
@@ -73,7 +82,7 @@
     <el-button type="primary" @click="rotateMap(-10)">地图逆时针旋转</el-button>
   </div> -->
 
-  <div v-if="log_lnglat" style="position: fixed; top: 8rem; left: 1rem; color: black; background-color: white; padding: 1rem;">
+  <div v-if="log_lnglat" style="position: fixed; top: 5rem; left: 1rem; color: black; background-color: white; padding: 1rem;">
     <div style=" display: flex; align-items: center; justify-content: center;">经纬度：{{ log_lnglat }}&nbsp;&nbsp;&nbsp;<el-button @click="copyText(log_lnglat)" type="primary" :icon="Brush"  size="small">复制</el-button></div>
   </div>
 
@@ -510,7 +519,7 @@ const objectStyle = computed(() => ({
 
 .controls-container {
   position: absolute;
-  top: 8rem;
+  top: 5rem;
   right: 10px;
   display: flex;
   flex-direction: column;