fix 上传图片比例操作优化，可以动态修改图片大小

 <!--
  * @Date: 2025-01-22 11:40:12
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-02-08 15:08:33
+ * @LastEditTime: 2025-02-08 15:24:26
  * @FilePath: /map-demo/src/views/mapCutter.vue
  * @Description: 文件描述
 -->
@@ -38,7 +38,7 @@
     </div>
 
     <div style="display: flex; align-items: center;">
-      <div>上传图片范围:&nbsp;</div>
+      <div>上传图片基点:&nbsp;</div>
       <el-input
         v-model="map_left_bottom_range"
         style="width: 240px"
@@ -57,6 +57,7 @@
         v-model="img_ratio"
         style="width: 240px"
         placeholder="输入上传图片比例"
+        @blur="onRatioBlur"
       >
       </el-input>
     </div>
@@ -86,7 +87,7 @@
     <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>
 
-  <div v-if="showUpload" class="controls-container">
+  <div v-if="showUpload && imageURL" class="controls-container">
     <!-- 遥控器界面 -->
     <div class="remote-control">
       <!-- 方向控制 -->
@@ -501,7 +502,13 @@ const objectStyle = computed(() => ({
     rotate(${rotation.value}deg)
   `,
   transition: 'transform 0.3s ease-in-out'
-}))
+}));
+
+const onRatioBlur = () => {
+  if (imageURL.value) {
+    addImageToMap(imageURL.value);
+  }
+}
 </script>
 
 <style>