臺灣旅遊導覽
2021/10 ~ 2021/12透過 JS 串接交通部提供的 api,ajax 實現方法則用了 axios 的套件,地圖用了 Leaflet 這個 js 框架,以及地圖資料使用了openStreetMap, 而定位的部分則是使用了navigation web api

使用技術
HTMLCSSJavaScriptaxiosLeafletOpenStreetMapNavigation Web API
專案介紹
「台灣旅遊導覽」是我於2021年上學期「網頁設計」課程的期末作品,前端以 HTML、CSS、JavaScript 製作。
本專案提供旅遊者一個整合景點、美食、活動、交通資訊的查詢平台,並導入地圖互動功能,讓使用者可查詢縣市腳踏車租借站點,提升使用體驗。(但目前因政府API變動,多數內容已無法查看)
主要功能
- 整合台灣各縣市的熱門景點、活動與美食住宿資訊
- 引入交通部 API,實作關鍵字搜尋與縣市篩選功能
- Leaflet + OpenStreetMap 地圖功能,顯示腳踏車租借點
- 活動部分以 Bubble Sort 排序呈現最新資訊
- 使用者搜尋不到結果時會跳轉提示頁面
其他補充
簡報投影片