如何在vue项目中高效调用百度地图API实现地图功能？
- 内容介绍
- 文章标签
- 相关推荐
本文共计557个文字，预计阅读时间需要3分钟。
步骤一：申请百度地图密钥；JavaScript API v1.4及之前版本无需申请密钥；自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等。
本文共计557个文字，预计阅读时间需要3分钟。
步骤一：申请百度地图密钥；JavaScript API v1.4及之前版本无需申请密钥；自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等。