以ECharts官方实例——杭州热门步行路线 - 百度地图为例,实现效果如下:
图中红框处的代码:
var bMap = myChart.getModel().getComponent('bmap').getBMap();
bMap.addControl(new BMap.MapTypeControl({
mapTypes: [
BMAP_HYBRID_MAP,
BMAP_NORMAL_MAP
]
}));
bMap.setMapType(BMAP_HYBRID_MAP);
其实这里最关键的是获取Map实例,在百度地图API官网示例中是通过创建的方式获得:
而在ECharts中则需要通过echartsInstance获取,这里的myChart是一个echartsInstance,获取代码:
var bMap = myChart.getModel().getComponent('bmap').getBMap();