Google Maps API 學習筆記 – 4：Place API 自動完成地址、地點評論摘要
本篇大綱：開通Places API、自動完成地址、地點評論摘要、本篇原始碼。主要功能就是，頁面上放一個搜尋框，只要key幾個字，就會出現一個下拉式選單，裡面是這個關鍵字的建議地點或地址，右下角的powered by Google是一定會有的，畢竟這是他們家的功能。
Google Maps API 學習筆記 – 3：用熱圖 / Heat map 製作全台 12 小時雨量分佈圖
本篇大綱：Google處理掉很多事了、取得氣象局雨量資料、資料整理成Heat Map要的、畫熱圖Heat Map、原始碼。原本以為畫熱圖(Heat map)很難，後來看了Google Maps API的文件，Google已經處理掉大部份的工作了。
Google Maps API 學習筆記 – 2：在地圖上畫個日本結界
本篇大綱：畫折線、畫多邊形、畫圓形、共用參數：可否拖動、可否編輯。除了畫圖，也可以刪除、檢查、本篇用到的原始碼。前幾天看老高與小茉的youtube影片，看到日本有2個結界，正好Google Maps API的文件看到在地圖上畫幾何圖形這塊，就想說不然拿這個當範例好了，還正好適合。
Google Maps API 學習筆記 – 1：地圖、標記、客製樣式
本篇大綱：原來google maps api有每個月的免費額度、申請Google Maps API Key、開始使用Maps Javascript API、放置多個標記、Info Windows、客製化地圖樣式、隱藏地圖上其他商家、隱藏地圖上UI、本篇原始檔下載
Imgur API：upload, load 上傳、讀取 心得筆記
本篇大綱：註冊Imgur App、生出token、Upload 上傳 程式範例、Load 讀取 程式範例。這篇是從一年前自己寫的github頁面上搬過來的，原本有提供demo連結，但發現被大大們玩太兇了，傳了一些奇怪的圖XD~就決定文章搬到這。
用純 CSS 寫的網頁預覽效果
探索如何使用純 CSS 創建網頁預覽效果。本文提供一個簡單而有趣的方法，通過 width/padding 的 CSS 特性和 background-position 處理捲動效果，僅需幾行 CSS 代碼。適用於歷年回顧或頁面預覽區塊。
Recent Comments