首页 > 技术文章 > canvas写的地铁地图

hiuman 2017-03-06 21:06 原文

 

更新:

18-9-21:填了个坑,更新了canvas绘制过程。

 

根据的是百度提供的坐标,canvas的坐标是大的坐标在后面,所以跟实际生活方向相反。
所以canvas里的北方在下方,实际生活中北方在上方。
因为根据的是真实坐标,所以跟广州地铁提供的地图不一样。
左侧地图一种写法,右侧地图另一种写法。
左侧可以下拉菜单选择线路查看路线,还可以查询站名属于哪个路线;右侧是全地图。
暂时没有其他功能……欢迎指点。


具体项目代码在这里:
https://github.com/littleHiuman/GZsubway-canvas

可以点击链接 https://littlehiuman.github.io/GZsubway-canvas/ 查看效果。

求点star~~~

 

附上图……:



推荐阅读