yangyangisyou/ubike-map

Ubike map is based on Vuejs, and using leaflet open street map.

Taiwan ubike map - 台灣ubike地圖

YouBike uses an electronic unmanned automated management system to provide “ A Leases and B Returns” bike rental service. We hope that bikes will be chosen as the last-mile public transit vehicle and more citizens will be glad to use the mass transit system and meanwhile, environmental protection and energy conservation will be achieved and a new commuting culture will emerge.

Demo

Version 1.0: Click me

• Now avalible in Taipei city.

About

F2E

• Vue.js 3.0

CSS

• BootStrap
• Sass

Map API

• Leaflet, an open street map

Open data

• YouBike臺北市公共自行車即時資訊 - Taipei YouBike real time data

Ajax

• axios
• vue-axios

Features

• Babel
• CSS Pre-processors
• Linter
• Sass/SCSS (with node-sass)
• Airbnb Lint

How to run

1. install related dev tools

npm install bootstrap
npm install leaflet
npm install --save axios vue-axios

or you can just install dependencies of package.json.

npm install

2. run on local

npm run serve

3. Go to http://localhost:8080

Challenges

Ubike data is distributed on different government websites, it's a little tricky to integrate those open data.
If you're interested in more open data, those are shown below:

• 新北市公共自行車租賃系統
• 桃園公共自行車即時服務資料
• 新竹市公共自行車租賃系統