第一步：申请百度地图键；

JavaScript API v1.4和以前的版本无序地应用密钥(ak)。从v1.5版本开始，您需要申请密钥(ak)才能使用它。如果需要获得更高的配额，则需要申请企业用户的身份验证。百度地图应用编程接口链接地址：http://lbsyun.baidu.com/apiconsole/key

第二步：添加百度地图JavaScript API接口到index.html；

脚本src=' http :3358 API . map . Baidu.com/API？v=1.4 ' type=' text/JavaScript '/script//v 1.4及以前版本。脚本类型=' text/JavaScript ' src=' http:http://api.map.Baidu.com/API? V=2.0ak=您的密钥'/脚本//版本1.5，需要密钥。第三步：在webpack.base.conf.js配置文件中配置BMap，并与module.exports中的条目保持一致；如果还有其他的，就在下面介绍，比如自定义覆盖BMap_Symbol_SHAPE_POINT等。(您需要重新运行npm运行开发)

module . exports={ entry : { app 3360 }。/src/main.js'}，external s : { ' bmap ' : ' bmap '，' bmap _ symbol _ shape _ point ' : ' bmap _ symbol _ shape _ point '。

div class=' Baidu map ' id=' all map '/div步骤5:在地图组件中导入BMap，否则会出现' bmap undefined '。还有这个BMap_Symbol_SHAPE_POINT，因为用了连字符“_”，会报错，让你这个不是以驼峰命名的。因此，在介绍时，只需去掉这个连字符。

从' BMap导入BMap从' BMap_Symbol_SHAPE_POINT '导入BMap

第六步：创建一个地图对象，并在挂载的生命周期中调用它；

Mounted () {this.baidumap ()}，methods : {//返回goback () {this。$router.go(-1)}，baiduMap () { var map=new BMap。Map('allmap') var point=new BMap。Point(111.742579，40.818675)map . center and zoom(point，12)var marker=new map。marker(点)//创建标注地图. addOverlay(标记)//将标注添加到地图}}第七步：将组件插入父组件；

以上是边肖介绍的vue项目中调用百度地图API的使用方法，对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！