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

1 百度离线文件链接：https://pan.baidu.com/s/1sKCoIcMlD3oP1okBG2awFw提取码：ikjk2 百度地图瓦片下载器链接：https://pan.baidu.com/s/1jsawaql-VUbCXdNAXDKbBw提取码：t95l3 vue cli3.0中使用3.1把百度资源文件解压到public/static下3.2 index.ht...

别闹，好吗！

3187人浏览 · 2020-04-28 10:17:34

别闹，好吗！ · 2020-04-28 10:17:34 发布

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下

在这里插入图片描述

3.2 index.html 加载map_load文件

记住文件路径不要用相对路径会报 Uncaught SyntaxError: Unexpected token <
提示：<!DOCTYPE html> 出错
在这里插入图片描述

3.3 页面上使用

在这里插入图片描述

记住不要在 create里面加载不然会报错

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^