异步创建地图Script

map和mapUI

/*
 * 异步创建script标签
 */
export default function MapUILoader (key) {
  const mp = new Promise((resolve, reject) => {
    if (window.AMap) {
      resolve(window.AMap)
    } else {
      var script = document.createElement('script')
      script.type = 'text/javascript'
      script.async = true
      script.src = `http://webapi.amap.com/maps?v=1.3&callback=initAMap&key=${key}`
      script.onerror = reject
      document.head.appendChild(script)
    }
    window.initAMap = () => {
      resolve(window.AMap)
    }
  })
  const mpUI = new Promise((resolve, reject) => {
    if (window.AMapUI) {
      resolve(window.AMapUI)
    } else {
      var scriptUI = document.createElement('script')
      scriptUI.type = 'text/javascript'
      scriptUI.src = 'http://webapi.amap.com/ui/1.1/main.js?v=1.1.1'
      scriptUI.onerror = reject
      scriptUI.onload = function(su){
        resolve(window.AMapUI)
      };
      document.head.appendChild(scriptUI)
    }
  })
  return Promise.all([mp,mpUI])
    .then(function (result) {
      return result
    }).catch(e=>{
      console.log(e);})
}

map

export function mymap(ak) { // 此处ak 是你百度地图获取的密钥
  return new Promise(function(resolve, reject) {
    window.init = function() {
      resolve(mymap)
    }
    var script = document.createElement('script')
    script.type = 'text/javascript'
    script.src = `https://webapi.amap.com/maps?v=1.4.15&key=${ak}&callback=init`
    script.onerror = reject
    document.head.appendChild(script)
  })
}