※ 引述《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 整颗按钮跟路网图底色融为一体，但没边框看起来又不太像按钮 终於把台湾已通过可行性研究的计划路线跟营运路线画完了....应该吧 -- 往　　█环状线　机捷█◣█淡水线　██◣松山线　██◣民汐线　◎为转乘站　往 桃　　█　　　　　　　◥█　　　　　　◥◣　　　　　◥██◣　　　　　　　基 园＝＝◎＝＝＝＝＝⊙＝＝◎＝＝＝＝＝＝＝◎＝◎＝＝＝＝？＝◎＝＝⊙＝⊙＝＝隆 　　　板█　　　　万　　台█　　　　　　松　南　　　　樟　汐◥◣汐　五 　　　桥█　　　　华　　北◥█信义线　　山　港　　　　树　科　█止　堵 　　█◎████████◎█████████◎█板南线湾　铁路捷运化转乘路网 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.166.240.215 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1536587822.A.B9F.html 这是个不错的灵感耶，改了一下 code 让滑鼠移上去有变色效果了 ※ 编辑: shter (118.166.243.189), 09/11/2018 22:36:51