Re: [情报] 大台北公共汽车路线视觉化

楼主: unhumanWu (阿文)   2020-08-01 16:45:23
大台北公共汽车路线视觉化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/
作者: HuanYuWu (雾霜)   2020-08-01 19:08:00
作者: suaveness (靜夏)   2020-08-01 23:00:00
有一个imgur的网址是undefined喔~
作者: olycats ( )   2020-08-02 15:33:00
推推
作者: andy3021515 (andy3021515)   2020-08-02 17:26:00
推用心!
作者: gman1975 (DaMao)   2020-08-03 10:21:00
太厉害了

Links booklink

Contact Us: admin [ a t ] ucptt.com