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