Vue使用百度离线地图v3.0

1 百度离线文件

链接:https://pan.baidu.com/s/1sKCoIcMlD3oP1okBG2awFw
提取码:ikjk

2 百度地图瓦片下载器

链接:https://pan.baidu.com/s/1jsawaql-VUbCXdNAXDKbBw
提取码:t95l

3 vue cli3.0中使用

3.1 把百度资源文件解压到public/static下

Vue使用百度离线地图v3.0_第1张图片

3.2 index.html 加载map_load文件

记住文件路径不要用相对路径 会报 Uncaught SyntaxError: Unexpected token <
提示: 出错
Vue使用百度离线地图v3.0_第2张图片

3.3 页面上使用

在这里插入图片描述
Vue使用百度离线地图v3.0_第3张图片
记住不要在 create里面加载 不然会报错

关于百度离线地图的关键js文件 可以参考 https://blog.csdn.net/wml00000/article/details/82219015

你可能感兴趣的:(百度离线地图)