[筆記]設定Google Photos Api 授權

重新導向URL:設定 http://web2.systemlead.com/gphoto/home/callback

已授權網域 systemlead.com

JQuery讀取跨網域XML的方法

Javascript沒辦法直接跨網域存取資料。

可能要透過本地程式處理，或是透過第三方程式來處理。

常見的jQuery外掛，如:JGFeed

• 引用自https://gist.github.com/psynewave/4220821

有趣的是，其實他還是透過google api去處理跨網域資料存取。

以下為測試範例：

透過JQuery存取public google spreadsheets

參考連結：

• https://developers.google.com/google-apps/spreadsheets/?hl=zh-TW

建立完google spreadsheets時，可透過api取得資料(但是需要設定共用權限，權限是屬於private)。

• https://spreadsheets.google.com/feeds/worksheets/1tfFQkl7aa4eHlN49J9NdvPUrFmVA3NWBiaHD0arW0jI/private/full

如過要使用json格式，就要設定為public，在檔案設定發佈到網路。

取得json格式：

• https://spreadsheets.google.com/feeds/worksheets/1tfFQkl7aa4eHlN49J9NdvPUrFmVA3NWBiaHD0arW0jI/public/full?alt=json
• https://spreadsheets.google.com/feeds/list/1tfFQkl7aa4eHlN49J9NdvPUrFmVA3NWBiaHD0arW0jI/od6/public/full?alt=json

Demo:

• http://jsfiddle.net/ptskl/H77Bg/

透過Jquery取得GooglePicasa相簿圖片(JSON)

參考資料：

• http://stackoverflow.com/questions/7352971/using-jquery-getjson-with-google-picasa-data-api
• https://developers.google.com/picasa-web/docs/2.0/developers_guide_protocol?hl=zh-TW

範例：

• json網址：2015年有改版，建議使用photos.googleapis.com的相關方法。
• https://picasaweb.google.com/data/feed/api/user/105327625201270500765/albumid/6015020452690553217?kind=photo&alt=json
• https://photos.googleapis.com/data/feed/api/user/105327625201270500765/albumid/6015020452690553217?kind=photo&alt=json

DEMO：

• http://jsfiddle.net/ptskl/kEQ4A/

Google Map API - 地圖標點

• 測試碼：http://jsfiddle.net/3vCQg/

Google Map API - 計算兩地距離

要估算兩地距離， 使用者只要給Google Map API 兩地的地址， 就可以輕易地取得計算後的距離。

• start:起始地址
• end:目標地址
• 測試碼：http://jsfiddle.net/J96tq/1/

Google Map API-繪製雷達圖

標記地圖上，目標點方圓N公里內的範圍。

Google Code Playground - Google API 線上編輯器

網址：http://code.google.com/apis/ajax/playground/
工欲善其事，必先利其器。
在研究Google API時，發現其實Google有提供API簡易範例及測試代碼的網頁 。
帶著興奮的心情開始，照著範例開始HelloWorld一下，
在此把blogSearch.execute中的文字改成"矽聯科技"，並執行測試碼，
立即就在下方產生查詢出來的結果，測試畫面如下。