ECharts+百度地图实现卫星地图样式效果

以ECharts官方实例——杭州热门步行路线 - 百度地图为例,实现效果如下:

杭州热门步行路线-卫星地图.png

图中红框处的代码:

    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+百度地图实现卫星地图样式效果_第1张图片
百度地图官网示例.png

而在ECharts中则需要通过echartsInstance获取,这里的myChart是一个echartsInstance,获取代码:

 var bMap = myChart.getModel().getComponent('bmap').getBMap();

你可能感兴趣的:(ECharts+百度地图实现卫星地图样式效果)