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

作者: shter (飛梭之影)   2018-09-10 21:56:57
※ 引述《shter (飛梭之影)》之銘言:
: 最近在製作一個跨系統鐵路捷運時刻轉乘查詢系統
: 原本是用下拉選單去選車站
: 因為覺得還是要有路網圖對使用者才直覺
: 所以就獨立做了一個 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 反應的路網圖都能用它畫出來
: 分享給有需要的人或是喜歡畫路網圖的人使用
最近剛好台中跟高雄通勤站準備通車,順便更新了台灣軌道路網圖選擇器 library
維持每個車站設計成一個按鈕的作法,方便查詢轉乘或是玩模擬買票之類的操作
但按鈕可以切換幾種形式,有使用的人請更新設定檔的 stationNameRenderStyle: {0~3}
不知道就使用者查尋的角度來說,哪一種 style 比較適合?
http://melixyen.github.io/railtime/canvas_map_demo.html?s=0
預設的路網圖按鈕樣式是白底黑框,很清楚按鈕的範圍,但跟路網路沒有融合性
http://melixyen.github.io/railtime/canvas_map_demo.html?s=2
style 2 按鈕以主要路線作邊框顏色,缺點是兩條以上路線時只有第一條有融合感
http://melixyen.github.io/railtime/canvas_map_demo.html?s=3
style 3 整顆按鈕跟路網圖底色融為一體,但沒邊框看起來又不太像按鈕
終於把台灣已通過可行性研究的計劃路線跟營運路線畫完了....應該吧
作者: ian90911 (xopowo)   2018-09-11 09:29:00
style3+hover變色與游標手指來提示那是按鈕不知道canvas可不可以做到

Links booklink

Contact Us: admin [ a t ] ucptt.com