百度地图实用案例

1、创建一个js文件

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)

    })
}

2、在组件中使用

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);
      }
    )
  }

标签：function,script,ak,BMapGL,实用,案例,init,new,百度
来源： https://blog.csdn.net/m0_57479235/article/details/121777826