vue项目导入百度地图API

vue项目导入百度地图API

部分项目需要地图的嵌入,这篇文章主要介绍了vue项目中调用百度地图API使用方法,其他的地图调用与之类似

1.账号注册

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

2.获取密钥

进入开发文档并进行密钥申请
vue项目导入百度地图API_第1张图片
vue项目导入百度地图API_第2张图片
3.创建项目

vue项目导入百度地图API_第3张图片
vue项目导入百度地图API_第4张图片
4.项目导入

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

首先安装百度地图

npm install vue-baidu-map --save

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

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

最后在界面文件中导入



                    
                    

你可能感兴趣的:(vue,vue.js,javascript,前端,前端框架)