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-20 16:10:07 4 + * @LastEditTime: 2025-02-26 09:54:08
5 * @FilePath: /map-demo/src/views/mapCutter.vue 5 * @FilePath: /map-demo/src/views/mapCutter.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -117,10 +117,15 @@ ...@@ -117,10 +117,15 @@
117 117
118 <script setup> 118 <script setup>
119 import { onMounted, ref, computed, onBeforeUnmount } from "vue"; 119 import { onMounted, ref, computed, onBeforeUnmount } from "vue";
120 +import { useRoute, useRouter } from 'vue-router'
120 // import AMapLoader from "@amap/amap-jsapi-loader"; 121 // import AMapLoader from "@amap/amap-jsapi-loader";
121 import { TileCutter } from "@/utils/TileCutter"; 122 import { TileCutter } from "@/utils/TileCutter";
122 import { Top, Bottom, Back, Right, Plus, Minus, Brush } from '@element-plus/icons-vue' 123 import { Top, Bottom, Back, Right, Plus, Minus, Brush } from '@element-plus/icons-vue'
123 import { ElMessage } from 'element-plus' 124 import { ElMessage } from 'element-plus'
125 +import { mapAPI } from '@/api/map.js'
126 +
127 +const $route = useRoute();
128 +const $router = useRouter();
124 129
125 const map = ref(null); 130 const map = ref(null);
126 const imageLayer = ref(null); 131 const imageLayer = ref(null);
...@@ -194,6 +199,10 @@ const handleKeydown = (e) => { // 键盘控制 ...@@ -194,6 +199,10 @@ const handleKeydown = (e) => { // 键盘控制
194 onMounted(async () => { 199 onMounted(async () => {
195 loadMap(); 200 loadMap();
196 window.addEventListener('keydown', handleKeydown) 201 window.addEventListener('keydown', handleKeydown)
202 + // 地图中心点
203 + const code = $route.query.id;
204 + const { data } = await mapAPI({ i: code });
205 + map_center.value = data.map.center.map(item => Number(item));
197 }); 206 });
198 207
199 onBeforeUnmount(() => { 208 onBeforeUnmount(() => {
......