关于百度地图结合ECharts3

百度地图和echarts单独用都没有问题。echarts也提供了加入百度地图的方法,具体参看: https://gallery.echartsjs.com/explore.html#components=bmap~sort=rank~timeframe=all~author=all

百度地图也有个 mapv 插件来展示大数据,两者达到的效果也差不多。

一般在GIS 开发的时候,以地图为主,echarts为辅。个人再用mapv的时候,鼠标事件的各种不好用,没有hover事件。而echarts,大家都知道既漂亮有方便配置。例如用一下配置来模拟迁徙图: 

地图初始化

需要引入:百度地图官方js文件,以及echarts 官方文件即可。初始化完成后: echartMap 为echarts实例,通过

echartMap .getModel() .getComponent("bmap") .getBMap();可以获取到相应BMap地图实例。在需要的地方通过echarts实例获取option,修改option的任一配置,然后  echartsInstance.setOption({ title: option.title, tooltip: option.tooltip, series: seriesa });来更新更改过的配置,儿不必重新设置option。参见官方:


修改option

最终效果如下:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容