cityofaustin/atd-data-and-performance
GitHub: cityofaustin/atd-data-and-performance
该仓库是 Austin 交通部门的开放数据与绩效枢纽,提供基于 NextJS 的可视化展示平台。
Stars: 23 | Forks: 8
# ATD Data & Performance Hub
本代码库包含 [ATD Data & Performance Hub](https://data.mobility.austin.gov/) 的代码。它是一个依赖大量 [开放数据 API](https://data.austintexas.gov/) 的 [NextJS](https://nextjs.org/) 应用。
## 目录
- [运行指南](#get-it-running)
- [配置新的 `MapList`](#configuring-a-new-maplist)
- [部署与 CI](#deployment--ci)
## 运行指南
激活你的 Node 环境
```
nvm use
```
安装最新版本的 npm
```
nvm install-latest-npm
```
安装依赖
```
npm install
```
启动开发服务器
```
npm run dev
```
在浏览器中打开 [http://localhost:3000](http://localhost:3000) 查看效果。
你可以通过修改 `pages/index.js` 来编辑页面。编辑文件时页面会自动更新。
## 配置新的 `MapList`
`MapList` 是一个可配置的仪表盘组件,提供列表和地图视图。它专为移动/触控设备优化,并可根据多种数据展示需求进行自定义。请参阅 `components/MapList.js` 以了解属性文档。
下图展示了 MapList 属性如何影响布局:

## 部署与 CI
生产站点由 Netlify 托管。对 `production` 分支的任何合并都会触发新的构建。非生产分支会生成部署预览。
标签:API 集成, CMS安全, Dashboard, GNU通用公共许可证, JavaScript, MITM代理, Netlify, Node.js, SSR, 交通数据, 地图可视化, 城市数据, 市政数据, 开放数据, 开源数据, 性能监控, 数据可视化, 数据平台, 移动端适配, 自定义脚本, 触摸交互, 部署自动化, 静态站点生成