https://github.com/madneal/subway-shanghai

:train2:上海地铁线路图PWA，支持离线使用，强烈建议安装Chrome浏览器使用。Subway Shanghai, offline first, it's strongly recommended to use by Chrome.
https://github.com/madneal/subway-shanghai

create-react-app pwa react subway

Last synced: 3 months ago
JSON representation

:train2:上海地铁线路图PWA，支持离线使用，强烈建议安装Chrome浏览器使用。Subway Shanghai, offline first, it's strongly recommended to use by Chrome.

• Host: GitHub
• URL: https://github.com/madneal/subway-shanghai
• Owner: madneal
• License: mit
• Created: 2017-03-24T11:00:04.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2025-03-13T13:01:21.000Z (3 months ago)
• Last Synced: 2025-03-29T00:12:17.628Z (3 months ago)
• Topics: create-react-app, pwa, react, subway
• Language: JavaScript
• Homepage: https://madneal.github.io/subway-shanghai/
• Size: 5.88 MB
• Stars: 156
• Watchers: 6
• Forks: 32
• Open Issues: 6
• Metadata Files:
  • Readme: README-CHINESE.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# :train2::train2::train2: 上海地铁线路图

之前的版本主要是基于原生 js 写的，的确随着代码量的增加，代码显得愈发的混乱，因此新的版本基于 create react app 实现了一次完整的重构。

## 组件结构

将整个地图理解成一个 Map 组件，再将其分为 4 个小组件：

![map.png](http://ozfo4jjxb.bkt.clouddn.com/map.png)

* Label: 地图上的文本信息，包括地铁站名，线路名称

* Station: 地铁站点，包括普通站点和中转站点

* Line： 地铁线路

* InfoCard: 状态最复杂的一个组件，主要包含时刻表信息、卫生间位置信息、出入口信息、无障碍电梯信息

## LICENSE

[MIT](https://github.com/neal1991/subway-shanghai/blob/master/LICENSE.md)