baidu.cjs.js

import qs from 'qs'
import scriptjs from 'scriptjs'

const $schoolMap = document.getElementById('school-map');

const baiduMapUri = 'http://api.map.baidu.com/getscript';
const baiduMapConf = {
  v: '2.0',
  ak: 'YOUR_ACCESS_KEY'
};

function loadBaiduMapJs() {
  return new Promise((resolve)=> {
    scriptjs(`${baiduMapUri}?${qs.stringify(baiduMapConf)}`, ()=> {
      resolve(window.BMap)
    });
  })
}

if ($schoolMap) {

  loadBaiduMapJs()
    .then((BMap)=> {
      var myGeo = new BMap.Geocoder();
      myGeo.getPoint('北京市海淀区', function (point) {
        if (point) {
          var map = new BMap.Map('school-map');
          map.enableScrollWheelZoom(true);
          map.centerAndZoom(point, 16);
          map.addOverlay(new BMap.Marker(point));
        } else {
          console.error('您选择地址没有解析到结果!');
        }
      }, '北京市');
    })

}