百度地圖和echarts單獨(dú)用都沒有問題闻妓。echarts也提供了加入百度地圖的方法罪塔,具體參看: https://gallery.echartsjs.com/explore.html#components=bmap~sort=rank~timeframe=all~author=all
百度地圖也有個 mapv 插件來展示大數(shù)據(jù)闰围,兩者達(dá)到的效果也差不多秉颗。
一般在GIS 開發(fā)的時候酵颁,以地圖為主蝎亚,echarts為輔幔崖。個人再用mapv的時候食店,鼠標(biāo)事件的各種不好用,沒有hover事件赏寇。而echarts吉嫩,大家都知道既漂亮有方便配置。例如用一下配置來模擬遷徙圖:?
地圖初始化
需要引入:百度地圖官方j(luò)s文件嗅定,以及echarts 官方文件即可自娩。初始化完成后: echartMap 為echarts實(shí)例,通過
echartMap .getModel() .getComponent("bmap") .getBMap();可以獲取到相應(yīng)BMap地圖實(shí)例渠退。在需要的地方通過echarts實(shí)例獲取option忙迁,修改option的任一配置,然后? echartsInstance.setOption({ title: option.title, tooltip: option.tooltip, series: seriesa });來更新更改過的配置碎乃,兒不必重新設(shè)置option姊扔。參見官方:
修改option
最終效果如下: