[心得] Weather Maps 天氣地圖！

看板Soft_Job作者 (Windows)時間10年前 (2015/07/29 16:34), 9年前編輯推噓26(26推 0噓 5→)
留言31則, 28人參與, 最新討論串1/2 (看更多)
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
推
07/29 16:45, , 1F
讚
07/29 16:45, 1F
推
07/29 16:46, , 2F
很棒
07/29 16:46, 2F
推
07/29 16:50, , 3F
舒服~
07/29 16:50, 3F
推
07/29 16:55, , 4F
讚 如果可以增加熱門旅遊點天氣更好，也可以增加紫外線
07/29 16:55, 4F
→
07/29 16:55, , 5F
，空污等相關資訊
07/29 16:55, 5F
推
07/29 16:58, , 6F
讚
07/29 16:58, 6F
推
07/29 17:27, , 7F
推推
07/29 17:27, 7F
推
07/29 17:28, , 8F
強者快拜～～～
07/29 17:28, 8F
推
07/29 17:31, , 9F
有神快拜
07/29 17:31, 9F
推
07/29 18:58, , 10F
超強阿
07/29 18:58, 10F
推
07/29 20:23, , 11F
o.0
07/29 20:23, 11F
推
07/29 20:52, , 12F
我們公司有寫信找你面試耶…不知你是否有看到說。
07/29 20:52, 12F
推
07/29 21:06, , 13F
做的真不錯!!
07/29 21:06, 13F
→
07/29 21:15, , 14F
purin88 大大，請問貴公司名稱是？ 我怕我沒看到..
07/29 21:15, 14F
※ 編輯: Linux (175.182.238.78), 07/29/2015 22:13:10
推
07/29 22:34, , 15F
不知道能不能支援https?
07/29 22:34, 15F
推
07/29 23:22, , 16F
推 漂亮 實用 一目了然
07/29 23:22, 16F
推
07/29 23:31, , 17F
你是誰@@ 先推明天再看作品
07/29 23:31, 17F
推
07/30 00:06, , 18F
推
07/30 00:06, 18F
推
07/30 07:31, , 19F
.....
07/30 07:31, 19F
推
07/30 09:05, , 20F
googd
07/30 09:05, 20F
推
07/30 11:45, , 21F
讚讚讚！！！
07/30 11:45, 21F
推
07/31 00:05, , 22F
推
07/31 00:05, 22F
推
07/31 00:12, , 23F
PUSH
07/31 00:12, 23F
推
07/31 10:05, , 24F
好厲害！原來筆電板google map也能讀使用者位置
07/31 10:05, 24F
→
07/31 12:43, , 25F
回 async 大，不適 Google maps 的功能啦，是 javascript
07/31 12:43, 25F
→
07/31 12:43, , 26F
就有 navigator.geolocation 函式庫 可以取得 GPS!
07/31 12:43, 26F
推
07/31 16:37, , 27F
推，功能很實用，介面很漂亮
07/31 16:37, 27F
→
08/01 07:25, , 28F
QQ
08/01 07:25, 28F
推
08/02 07:24, , 29F
我們公司也寄了很多信給你，有收到嗎？
08/02 07:24, 29F
推
08/02 21:09, , 30F
推!!
08/02 21:09, 30F
推
07/20 09:43, , 31F
文末是在說我嗎XD
07/20 09:43, 31F
※ 編輯: Linux (101.13.54.1), 11/06/2016 16:07:43
‣ 更多 Linux 的文章
文章代碼(AID): #1Lk90l1n (Soft_Job)
‣ 更多 Linux 的文章
文章代碼(AID): #1Lk90l1n (Soft_Job)