Vue集成Bmap离线地图-打dist包问题解决

继续我上一篇博客：https://blog.csdn.net/yc199505/article/details/88846596
在以npm run dev的形式运行时并不会有问题。


最近应客户要求，需要给打包成dist静态访问的形式，但是通过打dist包的时候，由于资源路径变化了，会导致地图的功能资源文件加载异常等问题。


问题的根本原因：

1. bmap.js的加载时是以静态资源的形式加载的，根本原因在于，如果将庞大的瓦片打包到vue项目中，会耗费巨量的时间。所以我无法在bmap.js中写相对路径或者写require的形式去获取地图资源。

2. 我在上篇博客的资源包中的路径是从绝对路径开始写起的，如地图瓦片路径：maptitleUrl + “/17/23232.png”。maptitleUrl = “/static/BMap/maptitle” 在以服务器运行的时候,maptitleUrl 等价为"localhost:port/static/BMap/maptitle"，但是在打了dist包后，那么如果直接运行在linux或者windows，那么maptitleUrl等价直接指向磁盘的根目录开始即：D:/static/BMap/maptitle

3. 对应有jsUrl，libUrl，imageUrl等，在getmodule.js中同理，注，此处的变量简称，只是代称，在bmap.js中我直接替换的路径，并没有抽象出来。
   
   

知道问题的根源了，那么就是改api的问题了，api我改好了，在此下载。

使用方法：
js/images等路径如上篇博客所示路径
在main.js中

import "../static/BMap/js/bmap_pack.js";

然后打dist包