百度地图实用案例

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=3.0&type=webgl&ak=${ak}&callback=init`
        script.onerror = reject
        document.head.appendChild(script)
    })
}

const init = () => {
    BMPGL('ak值').then(
      (BMapGL) => {
        let map = new BMapGL.Map('container')
        // 创建点坐标 axios => res 获取的初始化定位坐标
        let point = new BMapGL.Point(116.404, 39.915)
        // 初始化地图，设置中心点坐标和地图级别
         map.centerAndZoom(point, 15);
      }
    )
  }