实现效果：

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-line
      resolve(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 = reject
    document.head.appendChild(script)
  })
}

3.页面中使用

3.1 开发表单样式<