動作
任務 #61
已結束任務 #60: 工項一_模組六--分項計畫資料查詢模組
介面設計
概述
- 理解資料成份
- 設計介面。核心功能如下:
- 收錄/查詢
- 展示
- 下載
figma mockup
網站畫面:
https://triwra-demo.azurewebsites.net/projects/datasetSearchApp/dataSearchApp.html
https://triwra-a402.joycodes.app/
是由 陳照仁 於 9 個月 前更新 · 已被編輯
使用turf.js畫等值線圖
相關library:
turf.Point 建立Point https://turfjs.org/docs/#point
turf.featureCollection 把Point Array轉換成feature collection
turf.isobands 把上述featureCollection集合出來的Point的矩型,轉換成等值線資料
最後把等值線物件(上述的isoband)餵給Leaflet的geoJson
P.S
- points集合出來的型狀必須是矩型
- point要經過lat/lng排序。先排哪一個都可以
動作