vue2+百度瓦片地图

结合CSDN上其他的博文，记录一下（最下面有参考博文）

【遇到（地图正常加载，加载出了百度的logo和标记点，但是地图不显示）问题，研究了很久，上网查阅也没解决，直到后面发现，是离线瓦片出现了问题，重新下载了瓦片，就正常显示了】

第一步：下载百度离线相关的文件，放在public/static文件夹下（别的文件夹也可以）

第二步：根据第一步的文件目录，在public文件夹下的index.html，填写相对应的文件路径

 <script type="text/javascript" src="<%= BASE_URL %>static/map_load.js"></script>
 <script type="text/javascript" src="<%= BASE_URL %>static/TextIconOverlay_min.js"></script>
 <script type="text/javascript" src="<%= BASE_URL %>static//MarkerClusterer_min.js"></script>

第三步：下载需要的离线瓦片，使用serve（npm全局下载serve）运行这些地图资源

第四步：修改map_load.js（按需修改）

vue-内网，离线使用百度地图（地图瓦片图下载静态资源展示定位）_vue 百度离线地图-CSDN博客文章浏览阅读4.2k次，点赞23次，收藏22次。最近发现很多小伙伴都在问内网怎么使用百度地图，或者是断网情况下能使用百度地图吗后面经过一番研究，主要难点是，正常情况下我们是访问公网百度图片，数据，才能使用内网时访问不了百度地图资源时就会使用不了，如果我们能把我们需要数据下载到本地，自己访问自己，那这个问题就可以解决我们可以使用地图下载器下载我们需要的瓦片图数据，使用serve运行起来，这样内网和断网就可以使用了遗憾的是只能基本展示，定位。不能使用百度地图api-类，因为百度地图类和api都是通过http请求来实现的。_vue 百度离线地图https://blog.csdn.net/weixin_53579656/article/details/135140866