[閒聊] canvas 北台灣鐵路捷運路網圖 lib

作者: shter (飛梭之影)   2015-08-18 02:24:53
最近在製作一個跨系統鐵路捷運時刻轉乘查詢系統
原本是用下拉選單去選車站
因為覺得還是要有路網圖對使用者才直覺
所以就獨立做了一個 library 提供放入資料可以繪製路網圖的功能
它可以
1.按照 lineData 的 object 內容將車站與路線用 canvas 繪製出來
2.可以讓車站被 click 時執行 function
3.調整 baseHeight / baseWidth / offsetX / offsetY 等可以只秀其中一區域出來
在實際使用網站中就調整只顯示基隆到中壢, 沒有顯示宜蘭線平溪線的部分
Demo site
https://melixyen.github.io/railtime/canvas_map_demo.html
實際使用網站
https://melixyen.github.io/railtime/
理論上不限於繪製軌道運輸路網
任何有節點需要 click 反應的路網圖都能用它畫出來
分享給有需要的人或是喜歡畫路網圖的人使用
繼續畫新竹跟宜蘭去.....

Links booklink

Contact Us: admin [ a t ] ucptt.com