Hooke / map-demo

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
757c7e3e 1 parent 8cfcb356

fix: 修正地图定位范围变量名错误并添加ElMessage全局类型 

修复多个视图组件中point_range变量错误引用为map_range的问题
添加Element Plus的ElMessage到自动导入配置
Inline Side-by-side
Showing 9 changed files with 10 additions and 8 deletions
1 { 1 {
2 "globals": { 2 "globals": {
3 "EffectScope": true, 3 "EffectScope": true,
4 + "ElMessage": true,
4 "computed": true, 5 "computed": true,
5 "createApp": true, 6 "createApp": true,
6 "customRef": true, 7 "customRef": true,
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
2 export {} 2 export {}
3 declare global { 3 declare global {
4 const EffectScope: typeof import('vue')['EffectScope'] 4 const EffectScope: typeof import('vue')['EffectScope']
5 + const ElMessage: typeof import('element-plus/es')['ElMessage']
5 const computed: typeof import('vue')['computed'] 6 const computed: typeof import('vue')['computed']
6 const createApp: typeof import('vue')['createApp'] 7 const createApp: typeof import('vue')['createApp']
7 const customRef: typeof import('vue')['customRef'] 8 const customRef: typeof import('vue')['customRef']
......
...@@ -341,7 +341,7 @@ export default { ...@@ -341,7 +341,7 @@ export default {
341 this.mapTiles = data.level; // 获取图层 341 this.mapTiles = data.level; // 获取图层
342 this.navKey = data.list[0]['id']; // 默认选中 第一个 id 342 this.navKey = data.list[0]['id']; // 默认选中 第一个 id
343 this.navList = data.list.filter(item => item.id === this.navKey)[0]['list']; // 返回默认选中项的实体信息 343 this.navList = data.list.filter(item => item.id === this.navKey)[0]['list']; // 返回默认选中项的实体信息
344 - this.point_range = data.map.map_range ? data.map.point_range : []; // 地图定位范围 344 + this.point_range = data.map.map_range ? data.map.map_range : []; // 地图定位范围
345 // 初始化地图 345 // 初始化地图
346 this.initMap(); 346 this.initMap();
347 // this.setMapBoundary(); 347 // this.setMapBoundary();
......
...@@ -291,7 +291,7 @@ export default { ...@@ -291,7 +291,7 @@ export default {
291 this.data_rotation = data.map.rotation; // 地图旋转角度 291 this.data_rotation = data.map.rotation; // 地图旋转角度
292 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围 292 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围
293 this.data_paths = data.map.path ? data.map.path : {}; // 地图默认导航路径 293 this.data_paths = data.map.path ? data.map.path : {}; // 地图默认导航路径
294 - this.point_range = data.map.map_range ? data.map.point_range : []; // 地图定位范围 294 + this.point_range = data.map.map_range ? data.map.map_range : []; // 地图定位范围
295 if (data.map.path) { 295 if (data.map.path) {
296 for (const key in data.map.path) { 296 for (const key in data.map.path) {
297 const element = data.map.path[key]; 297 const element = data.map.path[key];
......
1 <!-- 1 <!--
2 * @Date: 2023-05-19 14:54:27 2 * @Date: 2023-05-19 14:54:27
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-08-07 16:13:40 4 + * @LastEditTime: 2025-08-08 14:51:23
5 * @FilePath: /map-demo/src/views/by/map.vue 5 * @FilePath: /map-demo/src/views/by/map.vue
6 * @Description: 公众地图主体页面 6 * @Description: 公众地图主体页面
7 --> 7 -->
...@@ -306,7 +306,7 @@ export default { ...@@ -306,7 +306,7 @@ export default {
306 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围 306 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围
307 this.data_paths = data.map.path ? data.map.path : {}; // 地图默认导航路径 307 this.data_paths = data.map.path ? data.map.path : {}; // 地图默认导航路径
308 this.data_logo = data.map.map_logo ? data.map.map_logo : ''; // 地图logo 308 this.data_logo = data.map.map_logo ? data.map.map_logo : ''; // 地图logo
309 - this.point_range = data.map.map_range ? data.map.point_range : []; // 地图定位范围 309 + this.point_range = data.map.map_range ? data.map.map_range : []; // 地图定位范围
310 if (data.map.map_layers) { // 地图默认图层 310 if (data.map.map_layers) { // 地图默认图层
311 if (data.map.map_layers === 'satellite') { // 卫星和路网 311 if (data.map.map_layers === 'satellite') { // 卫星和路网
312 this.data_layers = [new AMap.TileLayer.Satellite(), new AMap.TileLayer.RoadNet()] 312 this.data_layers = [new AMap.TileLayer.Satellite(), new AMap.TileLayer.RoadNet()]
......
...@@ -289,7 +289,7 @@ export default { ...@@ -289,7 +289,7 @@ export default {
289 this.data_rotation = data.map.rotation; // 地图旋转角度 289 this.data_rotation = data.map.rotation; // 地图旋转角度
290 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围 290 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围
291 this.data_paths = data.map.path ? data.map.path : {}; // 地图默认导航路径 291 this.data_paths = data.map.path ? data.map.path : {}; // 地图默认导航路径
292 - this.point_range = data.map.map_range ? data.map.point_range : []; // 地图定位范围 292 + this.point_range = data.map.map_range ? data.map.map_range : []; // 地图定位范围
293 if (data.map.path) { 293 if (data.map.path) {
294 for (const key in data.map.path) { 294 for (const key in data.map.path) {
295 const element = data.map.path[key]; 295 const element = data.map.path[key];
......
...@@ -298,7 +298,7 @@ export default { ...@@ -298,7 +298,7 @@ export default {
298 this.mapTiles = data.level; // 获取图层 298 this.mapTiles = data.level; // 获取图层
299 this.navKey = data.list[0]['id']; // 默认选中 第一个 id 299 this.navKey = data.list[0]['id']; // 默认选中 第一个 id
300 this.navList = data.list.filter(item => item.id === this.navKey)[0]['list']; // 返回默认选中项的实体信息 300 this.navList = data.list.filter(item => item.id === this.navKey)[0]['list']; // 返回默认选中项的实体信息
301 - this.point_range = data.map.map_range ? data.map.point_range : []; // 地图定位范围 301 + this.point_range = data.map.map_range ? data.map.map_range : []; // 地图定位范围
302 // 初始化地图 302 // 初始化地图
303 this.initMap(); 303 this.initMap();
304 // this.setMapBoundary(); 304 // this.setMapBoundary();
......
...@@ -293,7 +293,7 @@ export default { ...@@ -293,7 +293,7 @@ export default {
293 this.data_zoom = data.map.zoom; // 地图默认缩放 293 this.data_zoom = data.map.zoom; // 地图默认缩放
294 this.data_rotation = data.map.rotation; // 地图旋转角度 294 this.data_rotation = data.map.rotation; // 地图旋转角度
295 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围 295 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围
296 - this.point_range = data.map.map_range ? data.map.point_range : []; // 地图定位范围 296 + this.point_range = data.map.map_range ? data.map.map_range : []; // 地图定位范围
297 // 初始化地图 297 // 初始化地图
298 this.initMap(); 298 this.initMap();
299 // this.setMapBoundary(); 299 // this.setMapBoundary();
......
...@@ -290,7 +290,7 @@ export default { ...@@ -290,7 +290,7 @@ export default {
290 this.data_rotation = data.map.rotation; // 地图旋转角度 290 this.data_rotation = data.map.rotation; // 地图旋转角度
291 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围 291 this.data_zooms = data.map.zooms.map(item => Number(item)); // 地图默认缩放范围
292 this.data_paths = data.map.path ? data.map.path : {}; // 地图默认导航路径 292 this.data_paths = data.map.path ? data.map.path : {}; // 地图默认导航路径
293 - this.point_range = data.map.map_range ? data.map.point_range : []; // 地图定位范围 293 + this.point_range = data.map.map_range ? data.map.map_range : []; // 地图定位范围
294 if (data.map.map_layers) { // 地图默认图层 294 if (data.map.map_layers) { // 地图默认图层
295 if (data.map.map_layers === 'satellite') { // 卫星和路网 295 if (data.map.map_layers === 'satellite') { // 卫星和路网
296 this.data_layers = [new AMap.TileLayer.Satellite(), new AMap.TileLayer.RoadNet()] 296 this.data_layers = [new AMap.TileLayer.Satellite(), new AMap.TileLayer.RoadNet()]
......