Showing
1 changed file
with
14 additions
and
5 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-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>目标地图经纬度: </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>地图层级: </div> | 29 | <div>地图层级: </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 }} <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 }} <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; | ... | ... |
-
Please register or login to post a comment