素材準備:使用中央氣象局提供的天氣API 做為練習環境我們將開始教學OpenData 串接,在那之前請先到氣象開放資料平臺 註冊帳號。 ... <看更多>
「中央氣象局api實作」的推薦目錄:
- 關於中央氣象局api實作 在 [心得] Weather Maps 天氣地圖! - 看板Soft_Job - 批踢踢實業坊 的評價
- 關於中央氣象局api實作 在 [練習課程] jQuery 基礎實作(二):OpenData API 串接 的評價
- 關於中央氣象局api實作 在 天氣api教學在PTT/Dcard完整相關資訊 - 輕鬆健身去 的評價
- 關於中央氣象局api實作 在 天氣api教學在PTT/Dcard完整相關資訊 - 輕鬆健身去 的評價
- 關於中央氣象局api實作 在 Hi 版上大大們好,我又來分享作品了 - Facebook 的評價
- 關於中央氣象局api實作 在 Taiwan's Weather Maps! 想查詢每個地方的天氣嗎!?藉由 ... 的評價
- 關於中央氣象局api實作 在 API 資料串接線上實作工作坊|JavaScript 教學|ALPHA Camp ... 的評價
- 關於中央氣象局api實作 在 Re: [心得] Weather Maps 天氣地圖! - Mo PTT 鄉公所 的評價
- 關於中央氣象局api實作 在 氣象資料開放平台在PTT/Dcard完整相關資訊 - 媽媽最愛你 的評價
- 關於中央氣象局api實作 在 氣象資料開放平台在PTT/Dcard完整相關資訊 - 媽媽最愛你 的評價
中央氣象局api實作 在 天氣api教學在PTT/Dcard完整相關資訊 - 輕鬆健身去 的推薦與評價
提供天氣api教學相關PTT/Dcard文章,想要了解更多android studio中央氣象局、 ... Opendata 實作- Webduino 實戰智慧插座教學- Webduino 基礎教學此外,在這邊列出一些 ... ... <看更多>
中央氣象局api實作 在 天氣api教學在PTT/Dcard完整相關資訊 - 輕鬆健身去 的推薦與評價
提供天氣api教學相關PTT/Dcard文章,想要了解更多android studio中央氣象局、 ... Opendata 實作- Webduino 實戰智慧插座教學- Webduino 基礎教學此外,在這邊列出一些 ... ... <看更多>
中央氣象局api實作 在 Hi 版上大大們好,我又來分享作品了 - Facebook 的推薦與評價
基本上它是藉由Google Maps JavaScript API v3 的地圖服務,以及中央氣象局網站的天氣預報所實作的天氣地圖,再使用MarkerWithLabel Plugin 加強Google Maps 上的圖像 ... ... <看更多>
中央氣象局api實作 在 Taiwan's Weather Maps! 想查詢每個地方的天氣嗎!?藉由 ... 的推薦與評價
藉由Google Maps JavaScript API v3 的地圖服務,以及中央氣象局網站的天氣預報所實作的天氣地圖! 基本上是利用Google Maps API 的Maps 以及Marker 設計! 附加使用 ... ... <看更多>
中央氣象局api實作 在 Re: [心得] Weather Maps 天氣地圖! - Mo PTT 鄉公所 的推薦與評價
去年文章中就有提到,這是個是藉由中央氣象局提供的天氣資訊所製作的網站 ... 各個地區的每小時溫度變化搭配使用localStorage 來實作前端關注的功能。 ... <看更多>
中央氣象局api實作 在 氣象資料開放平台在PTT/Dcard完整相關資訊 - 媽媽最愛你 的推薦與評價
Opendata API 線上說明文件- 中央氣象局-開放資料平臺中央氣象局開放資料 ... Opendata 實作- Webduino 實戰智慧插座教學- Webduino 基礎教學而這篇 ... ... <看更多>
中央氣象局api實作 在 氣象資料開放平台在PTT/Dcard完整相關資訊 - 媽媽最愛你 的推薦與評價
Opendata API 線上說明文件- 中央氣象局-開放資料平臺中央氣象局開放資料 ... Opendata 實作- Webduino 實戰智慧插座教學- Webduino 基礎教學而這篇 ... ... <看更多>
中央氣象局api實作 在 [心得] Weather Maps 天氣地圖! - 看板Soft_Job - 批踢踢實業坊 的推薦與評價
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
... <看更多>