Echarts集成bmap的属性介绍

目前百度官方没有找到具体bmap和ercharts结合的说明资料,大多是网友的总结:
一、直接引入打包好的扩展文件和百度地图的 jssdk

<!--引入百度地图的jssdk,这里需要使用你在百度地图开发者平台申请的 ak-->
<script src="http://api.map.baidu.com/api?v=2.0&ak="></script>
<!-- 引入 ECharts -->
<script src="echarts.js"></script>
<!-- 引入百度地图扩展 -->
<script src="echarts-bmap.js"></script>

二、配置bmap选项;

// 加载 bmap 组件
    bmap: {
     
        // 百度地图中心经纬度
        center: [120.13066322374, 30.240018034923],
        // 百度地图缩放
        zoom: 14,
        // 是否开启拖拽缩放,可以只设置 'scale' 或者 'move'
        roam: true,
        // 百度地图的自定义样式,见 http://developer.baidu.com/map/jsdevelop-11.htm
        mapStyle: {
     }
    },

三、 获取百度地图实例,使用百度地图自带的控件

var bmap = chart.getModel().getComponent('bmap').getBMap();
bmap.addControl(new BMap.MapTypeControl());

Done!

你可能感兴趣的:(地图开发,echarts)