[爆卦]天氣 地圖是什麼?優點缺點精華區懶人包

為什麼這篇天氣 地圖鄉民發文收入到精華區:因為在天氣 地圖這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者Linux (Windows)看板Soft_Job標題[心得] Weather Maps 天氣地...

天氣 地圖 在 嘉婧?️ Instagram 的最讚貼文

2021-09-24 08:01:19

- 〘台中 ∞ 西區〙 - 【 大俠台灣綠豆沙 精誠總店 】 位在精誠路上,雖然不是在轉角,但是因為招牌蠻大的,所以滿好找的~~ 🔸 #綠豆沙牛奶 中杯NT.40 ➕黑糖珍珠 NT.10 超推他們家的綠豆沙,而且一定要加牛奶🥛滿滿的一杯喝完超滿足的,咀嚼控還可以選擇黑糖珍珠增加口感喔! 🔹 ...


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
ctrlbreak: 讚 07/29 16:45
rayway30419: 很棒 07/29 16:46
blair0: 舒服~ 07/29 16:50
a5976647: 讚 如果可以增加熱門旅遊點天氣更好,也可以增加紫外線 07/29 16:55
a5976647: ,空污等相關資訊 07/29 16:55
blue2gear: 讚 07/29 16:58
tom76kimo: 推推 07/29 17:27
masterguy: 強者快拜~~~ 07/29 17:28
jjwei: 有神快拜 07/29 17:31
ggggggh: 超強阿 07/29 18:58
dnzteeqrq: o.0 07/29 20:23
purin88: 我們公司有寫信找你面試耶…不知你是否有看到說。 07/29 20:52
resay543: 做的真不錯!! 07/29 21:06
Linux: purin88 大大,請問貴公司名稱是? 我怕我沒看到.. 07/29 21:15

※ 編輯: Linux (175.182.238.78), 07/29/2015 22:13:10
carlcarl: 不知道能不能支援https? 07/29 22:34
benson1212: 推 漂亮 實用 一目了然 07/29 23:22
poiuy999: 你是誰@@ 先推明天再看作品 07/29 23:31
s7551710: 推 07/30 00:06
goetia: ..... 07/30 07:31
Superenen: googd 07/30 09:05
yannishadow: 讚讚讚!!! 07/30 11:45
bewitchsky: 推 07/31 00:05
lookat1205: PUSH 07/31 00:12
async: 好厲害!原來筆電板google map也能讀使用者位置 07/31 10:05
Linux: 回 async 大,不適 Google maps 的功能啦,是 javascript 07/31 12:43
Linux: 就有 navigator.geolocation 函式庫 可以取得 GPS! 07/31 12:43
taikobo: 推,功能很實用,介面很漂亮 07/31 16:37
volation0916: QQ 08/01 07:25
essay1029: 我們公司也寄了很多信給你,有收到嗎? 08/02 07:24
bobsonlin: 推!! 08/02 21:09
harry830622: 文末是在說我嗎XD 07/20 09:43
※ 編輯: Linux (101.13.54.1), 11/06/2016 16:07:43

你可能也想看看

搜尋相關網站