ehcarts官網網站給的是北京交通線路圖https://www.echartsjs.com/examples/editor.html?c=lines-bmap-effect,這裏其實有誤區。html
在開發項目的時候,我一直覺得將某一路公交車的每一個站點的座標(經緯度),放到series中的data,渲染就能夠了。但事實上發現,渲染成的路線只會在這些點之間以線段的方式連接,造成軌跡。echarts
因此正確的方式是,描繪出該公交的所走的街道的位置座標點,須要在拐彎,不筆直的地方設置點,這樣渲染出的纔是真正的公交行走的路線。網站
咱們能夠在http://www.gpsspg.com/maps.htm上查詢出街道的座標。由於使用的是echarts,因此咱們應該採用百度的經緯座標,使用其餘的地圖座標,會在echarts上面有很大的差別和位移。htm
取好值後,就能夠參照echarts示例,將正確格式的數據放到對應的位置,渲染出來的就是想要的效果了。blog