vue+iview+typescript+echarts+百度地图【echarts与百度地图的混合使用】遇到的问题

  版本说明： vue：2.6+，iview：3.4+， vuex：3.0+，   

 1、echarts的引入：npm install --save ， vue页面中：import echarts from 'echarts'；

 2、百度地图的引入：首先在百度地图API官网申请key，然后在index.html中引入：

接着在vue.config.js中的module.exports={}中添加一下代码，若不添加会出问题，BMap is undefined：

configureWebpack: {
  externals: {
    "BMap": "BMap",
  },
},

最后在使用百度地图的vue文件中引入：import BMap from 'BMap'; （可有可无）  require('echarts/extension/bmap/bmap');（必须有）。

 3、初始化echarts

html：（class="bdMap"设置地图的宽高，没有宽高地图不显示）

<div class="bdMap" id="bdMap&#