美文网首页
ECharts+百度地图实现卫星地图样式效果

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

作者: 爱死寂寞人_LZ | 来源:发表于2019-10-17 14:57 被阅读0次

    以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();
    

    相关文章

      网友评论

          本文标题:ECharts+百度地图实现卫星地图样式效果

          本文链接:https://www.haomeiwen.com/subject/tyommctx.html