vue项目实现便捷接入百度地图API(vue项目引入百度地图)

网友投稿 257 2022-06-07


目录1.账号注册2.获取密钥3.创建项目4.项目导入5.效果展示

1.账号注册

在百度地图开放平台注册账号并登录网站地址: https://lbsyun.baidu.com/index.php?title=jspopularGL

2.获取密钥

进入开发文档并进行密钥申请

3.创建项目

4.项目导入

此时我们已经获取了密钥,接着就可以在项目中导入了

首先安装百度地图

npm install vue-baidu-map --save

接着注册(这里我采用局部注册)

//局部注册 百度地图 import BaiduMap from 'vue-baidu-map/components/map/Map.vue'

最后在界面文件中导入