為什麼這篇中央氣象局api實作鄉民發文收入到精華區:因為在中央氣象局api實作這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者Linux (Windows)看板Soft_Job標題[心得] Weather Maps 天氣地...
Hi 版上大大們好~
來分享一個之前分享過,但是大改過後的作品!
剛剛有在 臉書 Front-End Developers Taiwan 上分享過
但是照慣例還是會來版上發文分享~~
Demo:https://works.ioa.tw/weather/index.html
GitHub:https://github.com/comdan66/weather/
Weather Maps 天氣地圖,這幾天再將它重新修改
有別於上一版的氣溫誤差 bug
所幸這次就乾脆用國貨 - 中央氣象局的網站資料建置!
同時也新增了鄉鎮氣象的內頁,可以看幾個小時前的溫度變化..等!
(PS. 如果想知道更準確的天氣預報,可至中央氣象局查詢~
開頭講完啦,來講講這個作品的一些心得~
基本上它是藉由 Google Maps JavaScript API v3 的地圖服務
以及中央氣象局網站的天氣預報所實作的天氣地圖
再使用 MarkerWithLabel Plugin 加強 Google Maps 上的圖像表現!
然後全網站使用 響應式網站設計(RWD),所以手機也可以正常瀏覽。
而 Google API 也不只使用 JavaScript
同時也使用了 Google Maps Geocoding API 來將取得地圖位置並且應用在搜尋功能上!
以及使用 Static Maps API 以及 Street View Image API 來擷取地圖上的街景靜態圖
比較特別的是,這次還使用了 localStorage 來記錄一些小細節
例如首頁的新增關注..等
navigator.geolocation 則是應用在取得本地的一些資訊
例如搜尋頁右上角的在地天氣小圖!
其實還有很多地方要加強..
例如街景,是我用程式自動去取得的,沒有一個個地去檢查
所以可能會定點在奇怪的地方,這部分我會慢慢修正..
而首頁有點空,原本該有特報的功能,但今天氣象局沒發
所以這部分我會在想多一點功能,將其補足~
如果各位有任何的建議或想法,歡迎討論~
() 你覺得如何呀!?
--
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 175.182.238.78
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1438158895.A.071.html
※ 編輯: Linux (175.182.238.78), 07/29/2015 22:13:10