gcdeng / traffic-accident-map

在Google地圖中使用Marker及Marker Cluster標示出台灣每個地區的交通事故資料,包含發生時間、發生地址及事故狀況。

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Traffic Accident Map

demo.gif

在Google地圖中使用Marker及Marker Cluster標示出台灣每個地區的交通事故資料,包含發生時間、發生地址及事故狀況。

資料來源為內政資料開放平臺-歷史交通事故資料,原檔為CSV須事先匯入MongoDB。

Frontend

  • React.js
  • create-react-app
  • Semantic UI

Backend

  • Node.js
  • Koa
  • MongoDB
  • Mongoose
  • Nodemon

Third-party API

  • Google Maps JavaScript API

Development

# Installation
$ npm install

# Runs the app in the development mode. 
$ npm start

# Builds the app for production to the `build` folder.  
$ npm run build

# Launch the Node.js server  
$ npm run start-server

About

在Google地圖中使用Marker及Marker Cluster標示出台灣每個地區的交通事故資料,包含發生時間、發生地址及事故狀況。


Languages

Language:JavaScript 84.6%Language:HTML 8.7%Language:CSS 6.7%