在一个div上同时使用百度地图bmap和Echarts

143 阅读 0 评论 95 点赞

我是靠谱客的博主俭朴白猫，这篇文章主要介绍在一个div上同时使用百度地图bmap和Echarts，现在分享给大家，希望可以做个参考。

前面记得要先引入Echarts.js


var appRegionMapDiv = document.getElementById('appRegionMap');
window.appRegionMap = echarts.init(appRegionMapDiv);
//先初始化 Edcharts
appRegionMap.setOption(optionTest);
var bmap = appRegionMap.getModel().getComponent('bmap').getBMap();
//然后调用Echarts的方法来初始化bmap
var
mapStyle ={
features: ["road", "building","water","land"],//隐藏地图上的poi
style : "dark"
//设置地图风格为高端黑
};
bmap.setMapStyle(mapStyle);
bmap.addControl(new BMap.MapTypeControl({offset: new BMap.Size(12,2),anchor: BMAP_ANCHOR_TOP_RIGHT,mapTypes: [BMAP_NORMAL_MAP,BMAP_SATELLITE_MAP]}));