<template>
  <div class="container">
    <div id="allmap"></div>
  </div>
</template>

<script>
function init() {
  var map = new BMapGL.Map('allmap')
  var point = new BMapGL.Point(116.404, 39.915)
  map.centerAndZoom(point, 12)
  map.enableScrollWheelZoom(true)
}

function loadScript() {
  var script = document.createElement('script')
  script.src = 'https://api.map.baidu.com/api?v=1.0&type=webgl&ak=QGdSu2YdffsqoeVeYKSoawEPt&callback=init'
  document.body.appendChild(script)
}

export default {
  name: '',
  data() {
    return {}
  },
  mounted() {
    loadScript()
  },
}
</script>

这个没报错，说明BMapGL也是在合适的时机取到的 但是就是不渲染啊？非得把放在index.html去请求百度地图的地址才行