百度地图VUE vue baidu map 离线地图问题

本文介绍如何解决VueBaiduMap在无网络环境下的离线地图问题。通过参照一位大神的方法,你可以将地图瓦片预先下载并打包,确保项目在内部网络中仍能显示地图。关键步骤包括获取所需模块的URL,将其内容整合到getmodeules2.js文件,并打包map目录以供离线使用。提供的网盘链接包含了作者的打包内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

百度地图vue 帮助文档Vue Baidu Map

使用这个组件有个问题就是得需要联网, 如果内部网络使用就会有问题, 没有网啊啊啊,这地图瓦片什么的都下载不下啦, 这空白页面了. 

网上有位大拿解决了, 我拿来解决了, 连接在这里vue-baidu-map 离线地图制作(不需要修改组件代码)_氪精大佬的博客-优快云博客

我基本上按着这个解决了,但是里边有个问题没有描述清楚

就是这里,上边数组会打印['aaa','bbb','ccc','ddd'] 这个一个数组 

访问这个地址http://api0.map.bdimg.com/getmodules?v=2.0&mod=aaa,bbb,ccc 是这个地址内容复制到getmodeules2.js中, 这里如果使用不同组件 这里也是不一样的, 多刷新地图页面, 看看数组还有没有内容 都已逗号分隔搞到后边就行, 放到地址栏获取百度方法即可. 指导数组内容空了即可, 具体啥原因我也不清楚, 有知道的可以解释下

这样后map目录下内容就可以打包保存下来了 防止别人下载项目 打包没有离线地图可访问, 直接发送文件即可 这里是我的打包内容 

链接: https://pan.baidu.com/s/1oly2ywdM9szcRZlR3t0XGQ  密码: rfi7

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值