百度地图和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
最终效果如下: