本文主要是介绍Echart + Bmap 画图显示地图控件 (缩放控件),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
虽然Echart中集成了Bmap,但是默认使用是不加载控件的,即如图所示这些都是没有的。
如果需要的话,要获取model中的bmap后自己添加,注意获取需写在
myChart.setOption(option);
之后,不然会报错。
var bmap = myChart.getModel().getComponent('bmap').getBMap(); //获取控件bmap.addControl(new BMap.NavigationControl()); // 添加平移缩放控件
bmap.addControl(new BMap.ScaleControl()); // 添加比例尺控件
bmap.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用
bmap.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件
bmap.enableScrollWheelZoom(); //启用滚轮放大缩小
bmap.addControl(new BMap.MapTypeControl()); //添加地图类型控件
bmap.disable3DBuilding();
bmap.centerAndZoom(point, 14);
bmap.setMapStyle({style:'normal'}); //设置模板的初始风格
这篇关于Echart + Bmap 画图显示地图控件 (缩放控件)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!