自行車道地圖資訊整合網

GitHub Page | GitHub

2021 The F2E 3rd 第二週活動參賽作品，自行車道地圖資訊整合網，此作品是使用 Vue CLI 搭建而成，結合交通部 TDX API，建構出自行車道地圖資訊，使用 Vue Router 來管理路由，vue-axios 套件串接 TDX API ，使用 Bootstrap 5 自定義 SCSS 樣式、網格系統建立 RWD，地圖的主要繪製是使用 Leaflet.js 結合 OpenStreetMap，搭配 Wicket 套件解析自行車路線圖資並繪製自行車路線圖，結合使用者定位快速找到附近的自行車站點、借還資訊以及自行車路線，並有搭配不同維度的 API 加入自行車道沿線的景點美食觀光資訊。