vue项目中 使用到的 echarts 地图 结合 百度地图 使用

好久没写了，今天难得勤快一会，写一个前阵子项目中使用到的小技术点 @_@

事故的起因是，客户觉得项目样式太土，想增加一些炫酷效果，然后领导发话要在页面中增加一些统计图、地图啥的，然后就轮到 Echarts 登场了，各种统计图例应有尽有。。。可是我没用过echarts的地图啊，然后当然是各种百度。经过了一宿的研究，发现其实看似复杂的一皮，实际大佬已经都给封好了，你只需要copy就可以了，话不多说，简单说一下我的vue项目中如何最后成功让 Echarts 地图显示在我的页面中的。

既然要用到 Echarts 结合 百度地图 当然要将 echarts 模块下载下来， 所以直接 在项目中 npm i

npm i echarts -S
或者 
cnpm i echarts -S

接下来需要全局引入：
在 main.js 中：

// 引入echarts 
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
// 我还需要用到 百度地图所以还需要引入 下面的
import 'echarts/extension/bmap/bmap';

此外 如果要是用 百度地图 还需要先申请 ak 码 此处不再赘述，注意的是，将 ak 码 在 public文件夹下的 index.html 中引入即可代码如下：

<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=*****************">