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