剛剛發現無名的綠色圖案換成紅色的Y!圖案.
舊圖案 http://www.wretch.cc/favicon.ico

新圖案 http://l.yimg.com/wretch.yimg.com/favicon.ico

國外許多被收購且獨立運行的網站, 鮮有更改favicon成為母公司的圖案, 例如: del.icio.us 和 flickr (被yahoo併) , youtube, jaiku 和 panoramio (被google併). 這次無名換圖案的原因是無名信任感名氣沒Y!大? 還是無名任務已達成可功能身退? 或者只是無原因換icon而已? 誰知道無名在想什麼啊…

複習一下最近無名大事件

• 2006/12 雅虎奇摩(傳收購金額7億台幣)收購無名小站 [ZDNet Taiwan]
• 2008/5/31 無名小站將bbs捐贈給交大 [iThome]
• 2008/6/21 (?) 無名小站換favicon

另外, 此篇中提到

另外無名小站事業部總監李卓勳今天也透露，今年底前會投入資源在企業部落格的經營上。無名希望幫助企業在無名經營部落格，這是由於雖然企業官方網站有較多功能，但是要和人互動就較困難。不過進一步的做法則要等到年底才會透露。

這是 興奇大聯盟部落格 從 blogspot 搬到 無名 的原因嗎?
update: Yahoo!奇摩娶興奇 身價鍍金|中時電子報, 雅虎奇摩將以18億台幣收購興奇科技, 這應該才是原因.
註: Yahoo!奇摩購物中心是由興奇科技經營的, 興奇大聯盟部落格是興奇科技的興奇購物網的廣告部落格.

• 無名小站的圖片展開程式 書籤版本 (bookmarklet)
• Yahoo開發者社群中文版 (Yahoo! Developer Network)
• [漁人節?] 幫別人改 twbbs.org 網址- twbbs.org 管理介面的安全問題

上上篇講到Yahoo!生活+的API, 就拿來跟google map搞搞看, 弄了一個簡單的範例.
除了Y!生活+API以外, 還用到

• Google Map API: Google 地圖
• Google Custom Search Engine: Google 提供可自訂的搜尋引擎
• Google AJAX Search的Local Search. 已內含在 Google Map API 裡. 在google map裡顯示一個搜尋列,可以搜尋第圖上的資料.
• Yahoo Pipes,因為生活+提供的資料沒有JSON格式, 只好過水一下, 也順便擁有JSON+callback的能力.
• YUI 的 CSS 部份, 以及Yullio.
• jQuery

我將現在的程式碼以CC by-NC-SA的授權公開, 提供下載. 現在的程式碼並不複雜, 以後一些功能加上去, 反而不易閱讀. 也沒用到奇怪的技巧與技術, 希望能當作一個學習的範例.

/* 本篇只大概說明以及給相關連結, 並不是 step-by-step 文件. 網路上有太多教學文件了, 沒必要再造一個輪子.. */

Yahoo!生活+的部份

1. 首先要先申請 appid , 先到 應用程式帳號申請 填寫資料. 認證等級 (Authentication method) 選一般 (Generic) 即可. 接下來會獲得一組又臭又長的appid.
2. 再使用 Auth.bootUp 註冊 appid. 就可以使用 api 了.
3. AJAX讀的資料無法跨站使用, 一個方法是用JSON+callback function (有專有名詞嗎?) , Yahoo Pipes 提供輸出成 json 格式, 以及加上 callback function. 只要先過Yahoo Pipes (可以使用我做的), 就有這好用功能. 請參閱前篇.

Google Map 的部份

1. Google Maps API Tutorial: 很棒的教學與範例.
2. Google Earch Icons: 列出 Google Earth 提供的icon
3. 列表上開啟marker: 有
   

   GEvent.trigger(marker, “click”);

   可以用, 雖然每個教學都教你用

   marker.openInfoWindowHtml(html[i]);

4. Info視窗最大化: gmap官網提供的範例, 會有註冊複數個handler的問題, 我的方法是註冊一個, 每次查id . 請參閱程式碼.
5. 最大化Info視窗的內容:官網的範例是用 GDownloadUrl , 我的作法是先塞特定class的
   進去, 再讓callback function去更改內容.
6. Local Search Control for Google Maps

jQuery:

1. 隱藏詳細資料.
2. 處理url的query string: 用Query String Object這個plugin, 可以直接
   

   $.query.get(’classid’);

   取得 URL?classid=3 的classid的值.

3. 判斷導覽列上的標籤, 用 getUrlParam 取得 classid 的值, 再與現在的 classid 比對.

程式碼

下載程式碼看吧…
程式碼 測試網站 目錄

• 小 YG 生活+ [mashup with Yahoo!生活+API與Google Map]
• Yahoo!生活+ API 簡單說明
• Google Map 有台灣地圖!

ps. 現在是這樣, 以後可能隨功能增加, 而有所修改也不一定.

• [小範例] 使用 Yahoo!生活+ API 與 Google Map
• Yahoo開發者社群中文版 (Yahoo! Developer Network)
• Yahoo!生活+ API 簡單說明