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官网示例中是通过创建的方式获得:


百度地图官网示例.png

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

 var bMap = myChart.getModel().getComponent('bmap').getBMap();
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容