hookehuyr

fix

1 <!-- 1 <!--
2 * @Date: 2025-01-22 11:40:12 2 * @Date: 2025-01-22 11:40:12
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-02-08 14:32:23 4 + * @LastEditTime: 2025-02-08 14:42:00
5 * @FilePath: /map-demo/src/views/mapCutter.vue 5 * @FilePath: /map-demo/src/views/mapCutter.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 - <div style="display: flex; padding: 1rem 0 0 1rem; gap: 1rem; align-items: center;"> 9 + <!-- <div style="display: flex; padding: 1rem 0 0 1rem; gap: 1rem; align-items: center;">
10 <div>目标地图经纬度</div> 10 <div>目标地图经纬度</div>
11 <el-input 11 <el-input
12 v-model="map_center" 12 v-model="map_center"
...@@ -14,9 +14,18 @@ ...@@ -14,9 +14,18 @@
14 placeholder="输入经纬度" 14 placeholder="输入经纬度"
15 @blur="onCenterBlur" 15 @blur="onCenterBlur"
16 /> 16 />
17 - </div> 17 + </div> -->
18 <div style="display: flex; padding: 1rem; gap: 1rem;"> 18 <div style="display: flex; padding: 1rem; gap: 1rem;">
19 <div style="display: flex; align-items: center;"> 19 <div style="display: flex; align-items: center;">
20 + <div>目标地图经纬度:&nbsp;</div>
21 + <el-input
22 + v-model="map_center"
23 + style="width: 240px"
24 + placeholder="输入经纬度"
25 + @blur="onCenterBlur"
26 + />
27 + </div>
28 + <div style="display: flex; align-items: center;">
20 <div>地图层级:&nbsp;</div> 29 <div>地图层级:&nbsp;</div>
21 <el-select v-model="map_zoom" placeholder="地图层级" style="width: 240px" @change="onZoomChange"> 30 <el-select v-model="map_zoom" placeholder="地图层级" style="width: 240px" @change="onZoomChange">
22 <el-option 31 <el-option
...@@ -73,7 +82,7 @@ ...@@ -73,7 +82,7 @@
73 <el-button type="primary" @click="rotateMap(-10)">地图逆时针旋转</el-button> 82 <el-button type="primary" @click="rotateMap(-10)">地图逆时针旋转</el-button>
74 </div> --> 83 </div> -->
75 84
76 - <div v-if="log_lnglat" style="position: fixed; top: 8rem; left: 1rem; color: black; background-color: white; padding: 1rem;"> 85 + <div v-if="log_lnglat" style="position: fixed; top: 5rem; left: 1rem; color: black; background-color: white; padding: 1rem;">
77 <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> 86 <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>
78 </div> 87 </div>
79 88
...@@ -510,7 +519,7 @@ const objectStyle = computed(() => ({ ...@@ -510,7 +519,7 @@ const objectStyle = computed(() => ({
510 519
511 .controls-container { 520 .controls-container {
512 position: absolute; 521 position: absolute;
513 - top: 8rem; 522 + top: 5rem;
514 right: 10px; 523 right: 10px;
515 display: flex; 524 display: flex;
516 flex-direction: column; 525 flex-direction: column;
......