hookehuyr

fix Bob需求调整

<!--
* @Date: 2025-01-22 11:40:12
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-02-26 17:41:37
* @LastEditTime: 2025-02-27 09:25:30
* @FilePath: /map-demo/src/views/mapCutter.vue
* @Description: 文件描述
-->
......@@ -25,17 +25,6 @@
@blur="onCenterBlur"
/>
</div>
<div style="display: flex; align-items: center;">
<div>地图层级:&nbsp;</div>
<el-select v-model="map_zoom" placeholder="地图层级" style="width: 80px" @change="onZoomChange">
<el-option
v-for="item in zoom_options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</div>
<div style="display: flex; align-items: center;">
<div>上传图片左下角坐标:&nbsp;</div>
......@@ -61,6 +50,19 @@
>
</el-input> -->
</div>
<div style="display: flex; align-items: center;">
<div>地图层级:&nbsp;</div>
<el-select v-model="map_zoom" placeholder="地图层级" style="width: 80px" @change="onZoomChange">
<el-option
v-for="item in zoom_options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</div>
<div v-if="showUpload">
<!-- 触发上传按钮 -->
<el-button type="primary" @click="triggerFileInput">上传图片</el-button>
......@@ -203,12 +205,12 @@ const handleKeydown = (e) => { // 键盘控制
}
onMounted(async () => {
loadMap();
window.addEventListener('keydown', handleKeydown)
// 地图中心点
const code = $route.query.id;
const { data } = await mapAPI({ i: code });
map_center.value = data.map.center.map(item => Number(item));
loadMap();
window.addEventListener('keydown', handleKeydown)
});
onBeforeUnmount(() => {
......@@ -364,7 +366,7 @@ function cutTiles() {
// ✅ 1. 位置移动
const moveImage = (direction) => {
const offset = 0.0001; // 移动步长(经纬度差值)
const offset = 0.000002; // 移动步长(经纬度差值)
const sw = bounds.value.getSouthWest();
const ne = bounds.value.getNorthEast();
......