Re: [情報] 大台北公車路線視覺化

[unhumanWu (阿文)]

大台北公車路線視覺化Vol.2 — 功能更新


新版圖台網址：https://shihwen.github.io/bus-accessibility/

網誌好讀版: https://reurl.cc/V6Kdan

Vol.1 回顧

去年上線的大天龍巴士王有2個主要功能，

其一是輸入路線代號搜尋該路行行經的站點及走法，

其二是透過直接點擊地圖上的站點來了解經過該站點的路線所能到達的區域。


然而公車路線有分為去程及回程兩種，原版的功能2並未將此納入考量，

由於些路線的去程及回程的走法是不一樣的，容易造成誤會。

於是有了針對此問題而改善的vol. 2。


Vol.2 更新

拆解路線

若將方向性納入考量，代表使用者點擊了某一站點後，

站序小於點擊站的站點及路段必須隱藏，

站序大於點擊站的則要顯示，如下圖所示。

為了達到這樣的功能，必須將公車路線按照站點來切割，

然而目前可以得到的公車路線資料是一整包的，

例如672的路線是672的去程回程為一包、307去程回程一包，依此類推。

所以若要將點擊站的方向納入考量，必須將全部路線進行拆解。

https://imgur.com/LcUdMnD


做法可參考：https://reurl.cc/V6KdXb


介面

Vol.2版本介面與原版大同小異，

只在原本的左側操作介面下新增一個開啟路線可及性的勾選選項

以及一條調整站點數的拉霸。

勾選選項後點擊地圖站點便會開啟該新功能，同時可至拉霸調整行駛站數，

淡黃色圓點為可到達的車站、深紅色的可及範圍會隨之更改，

淡紅色則是該方線站點可到，但在指定站數內無法到達之區域。

https://imgur.com/ce2Mah5


圖台連結：https://shihwen.github.io/bus-accessibility/




※ 引述《unhumanWu (阿文)》之銘言：
: 這是使用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/

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.43.147.200 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Bus/M.1596271526.A.15C.html
※ unhumanWu:轉錄至看板 Geography                                  08/01 16:46
※ unhumanWu:轉錄至看板 GIS                                        08/01 16:46
推 HuanYuWu: 推
→ suaveness: 有一個imgur的網址是undefined喔~
感謝！
※ 編輯: unhumanWu (114.43.147.200 臺灣), 08/01/2020 23:16:32
推 olycats: 推推
推 andy3021515: 推用心！
推 gman1975: 太厲害了
推 allem40306: 推