這是使用PTX公車資料將公車路線視覺化
和大家分享
網誌好讀版：https://bit.ly/2oZ8IVO
介面說明：
1. 左上角為搜尋區(下圖紅框)，搜尋方式預設為寬鬆比對，
點擊”exact match”後會切換至精確比對，
同時開啟路線方線按鈕，分為去程、回程及全部。
選擇去程或回程，站點資訊區會出現該路線的站點順序，
同時地圖上的站點也會一起更新。
2. 搜尋區下方為站點資訊(下圖橘框)，若無輸入搜尋路線，
預設為顯示地圖範圍內的所有站點，若有搜尋路線則為搜尋結果之站點；
若直接點擊地圖上之站點，則顯示該點擊結果的站點。
3. 地圖(下圖紫框)，呈現搜尋結果，若直接點擊地圖上之站點，
則顯示該站點路線可到達之所有站點。
4. 右上角資訊欄(下圖綠框)，若有站點位於游標下方，
顯示該站點之站名及路線資訊。
https://imgur.com/sgxbZSv
點擊地圖上站點顯示該站可到達的範圍
https://imgur.com/A0BcEW6
輸入站名並選exact match後可透過Direciton查詢站序
https://imgur.com/cObMIdL
呈現於手機螢幕
https://imgur.com/eNbqOwp
資料來源：公共運輸整合資訊流通服務平臺(PTX)
地圖連結：
https://shihwen.github.io/Bus_station/