目前百度官方没有找到具体bmap和ercharts结合的说明资料,大多是网友的总结:
一、直接引入打包好的扩展文件和百度地图的 jssdk
<!--引入百度地图的jssdk,这里需要使用你在百度地图开发者平台申请的 ak--> <script src="http://api.map.baidu.com/api?v=2.0&ak="></script> <!-- 引入 ECharts --> <script src="echarts.js"></script> <!-- 引入百度地图扩展 --> <script src="echarts-bmap.js"></script>
二、配置bmap选项;
// 加载 bmap 组件 bmap: { // 百度地图中心经纬度 center: [120.13066322374, 30.240018034923], // 百度地图缩放 zoom: 14, // 是否开启拖拽缩放,可以只设置 'scale' 或者 'move' roam: true, // 百度地图的自定义样式,见 http://developer.baidu.com/map/jsdevelop-11.htm mapStyle: {} },
三、 获取百度地图实例,使用百度地图自带的控件
var bmap = chart.getModel().getComponent('bmap').getBMap(); bmap.addControl(new BMap.MapTypeControl());
Done!