vue3.0实现地图功能

目前官方没有vue3.0组件,是JavaScript API v3以script标签引入

1.创建秘钥ak

申请入口:传送门

提交后如下(访问应用(ak)栏下的就是密钥复制走用就可以)

引入script

1.打开index.html

2.插入script

// 把密钥替换在您的密匙的位置
<script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>

在需要的vue 文件中插入一个空div

空div用来存放地图需要设置宽高;