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

2019-10-17  本文已影响0人  爱死寂寞人_LZ

以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();
上一篇下一篇

猜你喜欢

热点阅读