Hooke / map-demo

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
5021988f 1 parent 28ab2818

fix 调整经纬度复制项的高度

Inline Side-by-side
Showing 1 changed file with 6 additions and 6 deletions
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-26 17:35:21 4 + * @LastEditTime: 2025-02-26 17:41:37
5 * @FilePath: /map-demo/src/views/mapCutter.vue 5 * @FilePath: /map-demo/src/views/mapCutter.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
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; position: relative;">
19 <div style="display: flex; align-items: center;"> 19 <div style="display: flex; align-items: center;">
20 <div>地图中心坐标:&nbsp;</div> 20 <div>地图中心坐标:&nbsp;</div>
21 <el-input 21 <el-input
...@@ -67,6 +67,10 @@ ...@@ -67,6 +67,10 @@
67 <input ref="fileInput" type="file" @change="handleImageUpload" style="display: none" />&nbsp; 67 <input ref="fileInput" type="file" @change="handleImageUpload" style="display: none" />&nbsp;
68 <el-button type="primary" @click="cutTiles">切割瓦片</el-button> 68 <el-button type="primary" @click="cutTiles">切割瓦片</el-button>
69 </div> 69 </div>
70 +
71 + <div v-if="log_lnglat" style="position: fixed; top: 5rem; left: 1rem; color: black; background-color: white; padding: 1rem; z-index: 9;">
72 + <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>
73 + </div>
70 </div> 74 </div>
71 <div id="map-container"></div> 75 <div id="map-container"></div>
72 <div> 76 <div>
...@@ -83,10 +87,6 @@ ...@@ -83,10 +87,6 @@
83 <el-button type="primary" @click="rotateMap(-10)">地图逆时针旋转</el-button> 87 <el-button type="primary" @click="rotateMap(-10)">地图逆时针旋转</el-button>
84 </div> --> 88 </div> -->
85 89
86 - <div v-if="log_lnglat" style="position: fixed; top: 8rem; left: 1rem; color: black; background-color: white; padding: 1rem;">
87 - <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>
88 - </div>
89 -
90 <div v-if="showUpload && imageURL" class="controls-container"> 90 <div v-if="showUpload && imageURL" class="controls-container">
91 <!-- 遥控器界面 --> 91 <!-- 遥控器界面 -->
92 <div class="remote-control"> 92 <div class="remote-control">
......