vue2-youbikemap

以 Vue.js 與 Leaflet 操作為主的練習，並搭配 Element UI 的使用。

Demo

功能與特色

• 以使用者定位搜尋附近 YouBike 站點。
• 提供各站可租用車輛數量與可還車數量的資訊。
• API：使用交通部「運輸資料流通服務平臺」(Transport Data eXchange ,TDX)提供之資料。
• 地圖：交互式地圖，可 zoom in/out（左側工具），含比例尺（左下）。
• 支援 RWD

使用技術

• 主要為 Vue.js 與 Leaflet
• JavaScript
• Element UI

使用截圖

首頁截圖

租車截圖

還車截圖

點選站點 icon，可顯示該站的站名、可借車輛數量與可還車數量。

手機版截圖

待完成

• [ ]「查詢自行車道」頁面
• [ ]「附近景點、美食」頁面