如何详细说明在vue项目中集成并调用百度地图API的操作步骤?

更新于
2026-10-02 05:08:32
0阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计561个文字,预计阅读时间需要3分钟。

步骤一:申请百度地图密钥;JavaScript API v1.4及以前版本无需申请密钥(ak);从v1.5版本开始,需要先申请密钥(ak),才可使用;如需获取更高权限,需要申请认证企业用户。

步骤一:申请百度地图密钥;

JavaScript API v1.4以及以前的版本无序申请秘钥(ak),自v1.5版本开始需要先申请秘钥(ak),才可以使用,如需获取更高的配额,需要申请 认证企业用户。百度地图API 链接地址:lbsyun.baidu.com/apiconsole/key

步骤二:在index.html中添加百度地图JavaScript API接口;

<script src="img.558idc.com/uploadfile/allimg/210605/1Q2595J9-0.jpg" type="text/javascript"></script> // v1.4版本以及以前版本

<script type="text/javascript" src="img.558idc.com/uploadfile/allimg/210605/1Q2592L1-1.jpg" ></script> //1.5版本,需要秘钥

步骤三:在webpack.base.conf.js配置文件中配置BMap,在module.exports 中与entry平级;如果还有其他的,同样在下面引入就可以了,比如自定义覆盖物BMap_Symbol_SHAPE_POINT等。

阅读全文

本文共计561个文字,预计阅读时间需要3分钟。

步骤一:申请百度地图密钥;JavaScript API v1.4及以前版本无需申请密钥(ak);从v1.5版本开始,需要先申请密钥(ak),才可使用;如需获取更高权限,需要申请认证企业用户。

步骤一:申请百度地图密钥;

JavaScript API v1.4以及以前的版本无序申请秘钥(ak),自v1.5版本开始需要先申请秘钥(ak),才可以使用,如需获取更高的配额,需要申请 认证企业用户。百度地图API 链接地址:lbsyun.baidu.com/apiconsole/key

步骤二:在index.html中添加百度地图JavaScript API接口;

<script src="img.558idc.com/uploadfile/allimg/210605/1Q2595J9-0.jpg" type="text/javascript"></script> // v1.4版本以及以前版本

<script type="text/javascript" src="img.558idc.com/uploadfile/allimg/210605/1Q2592L1-1.jpg" ></script> //1.5版本,需要秘钥

步骤三:在webpack.base.conf.js配置文件中配置BMap,在module.exports 中与entry平级;如果还有其他的,同样在下面引入就可以了,比如自定义覆盖物BMap_Symbol_SHAPE_POINT等。

阅读全文