百度地图实用案例

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);
      }
    )
  }
上一篇:在CentOS7上安装Redis,并使用脚本运行Redis


下一篇:hihoCoder 后缀自动机三·重复旋律6