| Demo
https://culture-site-map-next.vercel.app/
| GitHub
https://github.com/kjwen310/culture-site-map-next
介接政府公開資料,使用可者瀏覽古蹟資訊、分布位置與現況照片,並以圖表呈現各縣市古蹟數量與種類。
> 技術摘要
- 以 Next.js 創建專案及處理 CORS 問題
- 採用 Typescript 驗證型別
- 利用 Leaflet.js 繪製地圖、處理圖磚及標點縮放
- 使用 Chart.js 製作圖表
- 使用 Styled Component 撰寫樣式結構與響應式設計