最近在做金融项目，项目经理说要做个借款地图，大致上就是地图上出现各个图标，然后鼠标放到图标上会弹出详细信息什么的。想到之前用过的echrts里面也有地图，所以来试试，最开始做了个简单的效果图。下载了官网上提供的地图，然后传一些数据就好了，效果不是很理想，很单一，于是查了些资料，发现可以结合百度地图来做，但是好多例子都是用的echarts2来弄得，没办法，只能自己研究了。

找了一些资料，官网3.0的api并没有提供关于bmap的，就去github上问了下团队，有结果了，总结下大致使用方法

1.首先要导入几个js，echarts.js,bmap.js,百度api

前两个直接在github项目里面就可以找到了，后面的百度api 需要去百度申请，很简单。

2.配置option

在option 中加入bmap，这个是3.0新的写法，很方便。

bmap主要配置center，zoom，mapStyle三个参数，第一个是中心经纬度，第二个是缩小尺寸，第三个是地图样式，这个不设置的话是百度地图默认样式，具体样式跟百度地图设置一样链接

需要注意的是，此时不需要再添加geo配置，然后series中的coordinateSystem设置为bmap，这样就可以生成地图

3.使用百度地图方法

通过chart.getModel().getComponent('bmap').getBMap()获取百度地图实例，之后参考百度api

以上就是echarts与bmap结合