实现效果:
1.index.html 中先引入下
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己申请的key"></script>
申请密钥key地址:登录百度账号
注册登录后创建应用,根据自己需求选择
2.新建bmp.js文件,引入百度地图 JavaScript API v3.0 文件
export function BMPGL(ak值) {return new Promise(function (resolve, reject) {window.init = function () {// eslint-disable-next-lineresolve(BMapGL)}const script = document.createElement('script')script.type = 'text/javascript'script.src = `http://api.map.baidu.com/api?v=1.0&type=webgl&ak=${申请的ak值}&callback=init`script.onerror = rejectdocument.head.appendChild(script)})
}
3.页面中使用
3.1 开发表单样式<