vue-baidu-map-v3实现离线

实现离线地图主要一下几个步骤:

1.切好的瓦片放在本地目录下

2.在node_modules中找到vue-baidu-map-v3目录下的components/map新建myMap.js   getmodules2.js在存放map的资源(名随意起)

  myMap.js中内容  

     1). 首先需要在线上network查找的js

       https://api.map.baidu.com/getscript?v=3.0&ak='你的ak'&services=&t=20210201100830中内容复制到其中

      2.)在开始添加瓦片的本地资源 

       var imgAdrs = 'http://127.0.0.1:8081/static/tiles'///本地

       3.)查找到当下位置修改成如下图

       4)搜素 customimage  re.getTilesUrl  让查找本地文件

getmodules2.js中内容为


http://api0.map.bdimg.com/getmodules?v=3.0&mod=,在这个后面跟上一步数组中的每一个元素,这个要一个个的来,如:http://api0.map.bdimg.com/getmodules?v=2.0&mod=map_dwi5lw,之后将里面的 内容复制,粘贴到getmodules2.js文件中去,之后就可以进行下一步了

                                       修改这个离线地图,比较麻烦,留下记录。希望有帮助大家,有问题及时留言


你可能感兴趣的:(vue-baidu-map-v3实现离线)