vue 百度地图开发【教程】1. 绘制百度地图（不使用 vue-baidu-map，解决 BMap is undefined）

  <!--引入百度地图-->
  <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你的百度ak"></script>

module.exports = {
    configureWebpack: {
        externals: {
            "BMap": "BMap",
        },
    },
}

import BMap from 'BMap'

<div id="myMap" style="height: 400px"></div>

mounted(){
    var map = new BMap.Map("myMap");  // 创建Map实例
    map.centerAndZoom("上海",15);      // 初始化地图,用城市名设置地图中心点
},