Google Earth 最近新增迪士尼樂園導覽的圖層以及更為詳細的3D模型, 以下步驟要先切換成英文版才有

1. 在 Google Earth 裡搜尋 Disney World
2. 會看到一個金米老鼠圖案, 點他會開啟一個視窗
3. 點 “Show this layer” 以及 “Show Disney World in 3D”

(點小圖放大)

開啟導覽圖層會看到許多米老鼠圖, 以及顏色區塊, 都是該區域的介紹連結.

介紹視窗裡不只有文字與圖片, 有些還有互動flash或是影片.

3D模型方面, 貼圖品質很不錯, 商店外的海報還清晰可見, 甚至還可看見某些菜單上的文字.

當然, 如果只有大型建物的模型, 就太無趣了, 連樹, 遮陽傘, 桌子許多物件也都有喔.

Disney 在這個時間點推出這個服務, 想必是要搶暑假人潮, 讓遊客在虛擬世界裡面先看導覽, 搭配 Google Earth 裡已有的資源, 如 Wikipedia 或是 panoramio 使用者上傳的照片, 可說是超豐富的 3D電子導覽手冊, 這個如意算盤真是打的好.. 不久的未來就可看到許多旅遊景點在 Google Earth 裡做生意了… 話說回來, adsense in google map 啥時才要開始?..

ps. 這邊照片很密集, 當然也有 look around 的照片 , 例如 灰姑娘城堡 , Epcot 等等..

參考文章

• 迪士尼樂園 in 3D – 迪士尼樂園官方網頁
• A virtual visit to where dreams come true – Google Earth 與 Maps 官方部落格

• 不再只是平面的Google地圖 – Google Earth 遊覽器外掛
• 照片逛台灣景點 – Panoramio look around 也有台灣景點
• 中研院與Google Earth

Google 旗下的 Panoramio 相簿社群網站, 新增 “look around” 的功能, 可以讓你在虛擬的3D環境中逛照片. 可以看更近的照片等等功能, 如果你知道微軟的 PhotoSynth , 那這個就是網頁社群的版本了.

如果不知道微軟的 PhotoSynth , 可以看看他們官網的介紹, 有 demo 與 video 可以下載, 美國熱門影集 CSI:NY 在今年四月底時, 劇情有 PhotoSynth 幫助辦案的情節.

影片說明:案發現場是個舉辦舞會的體育館, 從眾多參與者的手機裡取出幾百張照片, 交由 PhotoSynth 製作 3D 環境, 重建案發當晚的狀況. 不過省略照相時間問題, 怎麼可能特定時間點有一堆照片…
PhotoSynth 也和 NASA 合作, 製作甘迺迪太空中心的場景. 除了讓照片在虛擬的3D環境展現以外, 還可製作出大致的3D模型.

介紹完 PhotoSynth 後, 應該對 Panoramio look around 這個功能有點概念了吧, look around 在以下幾個景點已經有了, 快去看看吧! ( 景點後的連結是wikipedia的介紹 )

• 羅馬聖伯多祿大殿[聖伯多祿大殿]
• 阿爾罕布拉宮[阿爾罕布拉宮]
• 拉什莫爾山的美國總統紀念公園 [拉什莫爾山]
• 從 Santa Justa 看出去的葡萄牙里斯本[Santa Justa],[里斯本]
• 從 Hancock’s tower 看出去的芝加哥夜景[Hancock’s tower]
• 從 Katarinahissen 看出去的斯德哥爾摩[Katarinahissen][斯德哥爾摩]
• 莫斯科的紅場[莫斯科紅場]
• 德國柏林的布蘭登堡門[布蘭登堡門]
• 印度的泰姬瑪哈陵[泰姬瑪哈陵]
• 澳洲雪梨歌劇院[雪梨歌劇院]

如何讓你的照片也有 “look around” 連結呢? 官方說法是去該地方多照幾張照片, 照片內容要有重疊, 大約 10-20 張就足夠, 上傳, 系統大約兩個禮拜處理一次, 就可以看到 “look around” 了.

可惜沒有從Taipei 101 看出去的夜景或是其他台灣景點, 大家快拍照上傳吧!!

延伸閱讀

• Hi, look around! @ Panoramio blog – Panoramio 官方部落格
• Microsoft Live Labs: Photosynth 微軟 Photosynth 官方網頁
• Photo Tourism: Exploring Photo Collections in 3D 微軟2006年在ACM Transactions on Graphics發的文章
• ‘CSI’ Shows Off Microsoft’s Cool Photo Synth Technology

• 照片逛台灣景點 – Panoramio look around 也有台灣景點
• 宅在家裡不出門, 也能逛美國迪士尼樂園 – Google Earth 新增迪士尼樂園導覽圖層與更詳細的3D模型
• 不再只是平面的Google地圖 – Google Earth 遊覽器外掛

==== GEEK 分隔線 ====
UPDATE: v0.6已修正
該 plugin 沒寫授權方法, 所以我不好意思直接修改放出…
wordpress 用的是加上 jQuery.noConflict() 的 jquery , 而 google 提供的沒有, 以至於直接使用 google 的 jquery 會導致和 prototype 衝突. 我的修改方式是在 jquery script 之後, 再加入一個內容為 jQuery.noConflict() 的 script .

在 usegooglelibrary.php (0.5版本) 加入
function gs_add_jquery_noconflict( $js_array ) {
if ( FALSE !== $jquery = array_search( 'jquery', $js_array ) ) {
wp_register_script('jquery_noconflict', '/wp-content/plugins/j.js', array('jquery'), null);
array_splice( $js_array, $jquery+1, 0, 'jquery_noconflict' );
}
return $js_array;
}
add_filter('print_scripts_array', 'gs_add_jquery_noconflict');
以及在 wp-content/plugins 裡新增一個名為 j.js 的檔案, 內容為
jQuery.noConflict();
就會在載入 jquery 之後, 載入 j.js . 且不會和 prototype 衝突. 效果請看筆者 blog 的原始碼. 有錯誤/建議歡迎指教.

• Google 幫忙 host 幾個知名 JavaScript 函式庫
• [WP] 列出 wp-cron 排程的內容
• 除了 Google AJAX Libraries API 以外的選擇

就在不久前, Google 發表 Google Earth Browser plugin , 如同 Virtual Earth 一樣, 可以在網頁上顯示 Google Earth , 有衛星圖, 路線圖 (註) , 也有建築物的圖層, 完全就是網頁版本的 Google Earth .

先到官網下載 plugin 安裝, 現在只支援 IE6 / IE7 / firefox 2.x on windows , 就可以在網頁上觀看 3D 地圖了. 雖然要等網站主更新 API , 但我想沒多久大家都會更新吧 :p

官網有提供遊玩範例.

• 官網範例+開啟建築物圖層
  
• 討論區看到的抓圖, 3D配上找路線, 很漂亮的應用.
  
• 剛剛在 Youtube 看到的介紹影片
• 微軟的 Virtual Earth 3D (平衡報導)
  

註: api 裡有代表道路圖的 LAYER_ROADS, 但我現在呼叫不出來

• [GMap] 新功能 – 靜態地圖 – 不需 javascript 顯示地圖 (Google Static Maps)
• Google Maps 影像資料庫更新
• 宅在家裡不出門, 也能逛美國迪士尼樂園 – Google Earth 新增迪士尼樂園導覽圖層與更詳細的3D模型

• JQuery
• prototype
• script.aculo.us
• MooTools
• dojo

通常網站會將不常更動的函式庫做 gzip (壓縮) 和 cache (快取) , 以節省訪客再次造訪的流量 (這裡和之後指的流量為該函式庫的流量), 但首次訪客還是要下載一次. 如果使用這個服務的話, 該訪客在其他也使用的網站下載過該函式庫, 就不需要下載第二次, 節省流量和增快開啟網頁的速度. 對網站主而言, 省了首次訪客的流量, 對使用者來說, 省了 n 個網站的流量. 聽起來真不錯.

使用方法也很簡單, 第一種直接使用
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>
其他版本或函式庫的位置請查官網說明

第二種使用 google.load() 的方式,
<script src="http://www.google.com/jsapi"></script> <script type="text/javascript"><!--
google.load("jquery", "1.2.3");
google.setOnLoadCallback(function() {
// init function...
});
// -->
</script>

如果要未壓縮過的版本,
google.load("jquery", "1.2.3", {uncompressed:true});
google.load() 有自動版本的功能, 例如 1.2 則自動幫你找 1.2.X 的最高版本. 請見官網說明

相關連結

• AJAX Libraries API – 本次主角的說明文件
• Google’s AJAX APIs Document – google.load 的說明文件
• Ajaxian » Announcing AJAX Libraries API: Speed up your Ajax apps with Google’s infrastructure – Dion Almaer (AJAX Libraries API作者) 對於 AJAX lib API 的介紹

• [wordpress] Google AJAX Libraries API Plugin
• 除了 Google AJAX Libraries API 以外的選擇
• 無名小站的圖片展開程式 書籤版本 (bookmarklet)

有什麼用呢?
可直接另存圖片再寄給朋友, 或者製作混撘 (mashup) 程式時, 不必產生多個 js 地圖. (類似應用的範例)

Google 也製作一個簡易的 精靈 幫助產生 static map . 如果要直接貼於網頁上的話, 需跟google其他服務一樣申請 API KEY, 精靈最下方的 Site URL 欄位填上要貼上網站的網址, 例如: http://pctao.org/ , 再按 Generate Key 產生該站專屬的 API KEY . 注意: 此 API KEY 貼在其他網頁就看不到該圖.

詳細的用法請參閱 文件 , 精靈未提供 maptype (roadmap 與 mobile ) 或 多個marker 的功能, 就請參閱文件了.

後記: 其實前幾天查 google ajax search 時, 就有發現類似的功能, local search 的結果都有包含 staticMapUrl 的屬性, 也是一張靜態地圖, 官方範例.

相關連結

• Google Static Maps 產生精靈
• Google Static Maps API 文件
• Google Maps Without the Scripting (Google Map API 官方 blog)
• ajax search example: Static Map Images

• [小範例] 使用 Yahoo!生活+ API 與 Google Map
• 不再只是平面的Google地圖 – Google Earth 遊覽器外掛
• Google 幫忙 host 幾個知名 JavaScript 函式庫

• 分享->完成表格
  
• 建立表格
  
• 預覽並傳送
  
• 表格
  
• 表格 且可看之前的回應
  
• 試算表的樣子
  

• Google Docs & Spreadsheets
• Office 2003/XP 增益集：移除隱藏資料
• 小 YG 生活+ [mashup with Yahoo!生活+API與Google Map]

上上篇講到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 簡單說明

前幾天, imrt 網友告訴我台中也有天氣可以選了. 看了一下, 也有詳細資料了.
1. 台北點小圖, 有詳細預報資料



2. 增加有資訊的地點, 已知台中從無變有, 其他就請大家試試看吧.

但如果國家/地區選美國,台中就變成沒資訊. 記得將國家改為台灣吧.

詳細資料看網址是使用 Google IG 那邊的資料, 以台北為例: https://www.google.com/ig/api?weather=台北, 但是台中就沒有資料, 不太懂…

如果還是沒有該地氣象, 可以看看 Weather Underground 有沒有.
以嘉義為例:

1. 網頁左邊有個 網頁特選 (翻譯錯誤?) , Units 點 公制 , 將溫度單位定為 ° C .
2. 網頁右邊有綠色的 ICAL 圖樣, 複製他的連結, 再到 google 月曆 新增->依URL新增 .
即可在月曆看到.點進去也有詳細資料.可惜是英文,也沒有圖示.

• Google月曆顯示天氣預報
• 照片逛台灣景點 – Panoramio look around 也有台灣景點
• 中研院與Google Earth

南瓜的 logo 還挺可愛的.

• Google 買 Youtube !!
• 除了 Google AJAX Libraries API 以外的選擇
• Mario 內褲…

只要用 Opera for Wii 連上 Google Reader 即可看到新的介面. 如果沒有 Wii 也可以試用, 只要使用 http://www.google.com/reader/wii 即可.

我覺得這個介面字大, 按鍵習慣 (畢竟方向鍵比 j/k 習慣), 省掉左邊訂閱列表的空間, 我在電腦上都想用這個介面.

Wii 的操作方法
* 上/下 : 畫面移上/下
* 右/左 : 下一個/上一個項目
* 按鈕 1 : 列出訂閱
* 按鈕 2 : 列出連結

在列出訂閱的畫面 (按鈕1) 時:
* 上/下 : 前一個/下一個 訂閱
* 右 : 選擇該訂閱
* 左 : 關閉
* -/+ : 收合/展開 目錄

為何沒用到 A/B 鍵 ? A/B 鍵是 Opera 的操控鍵啊… 請參考我之前的文章.

* update: Google Reader 官方 blog 的消息. 以及示範的影片

抓圖 (wii 不在身邊, 以下是 firefox 的抓圖, 以後再補 wii 上的抓圖) :

• 首頁



• 顯示訂閱畫面



• 文章列表




• 展開畫面


(這篇是 不認真做宅男的下場…. )

• Opera for Wii 正式版
• 無名小站的圖片展開程式 書籤版本 (bookmarklet)
• Google Toolbar 3 beta (for firefox)

終於有新版了, 不但加入原本 IE 版有的功能

• 自訂按鈕
• 書籤同步
• 帳號登入

而且如果是英文語系的 firefox , 還有..

• 使用 Google Docs & Spreadsheets 開啟檔案
  可以開啟
  1. 網站上的檔案
  2. 拉 icon 進 firefox
  3. 雙擊該檔 (windows有, linux無此功能)

真是太棒了, firefox版和ie版的比起來, 一點都不陽春了…

如果是使用 ubuntu 的話, 可以參考 在 ubuntu edgy 上安裝 Google Toolbar 安裝, 至於換語系的話,

echo ‘export LANG=”en_US.UTF8″‘ >> ~/.mozilla/firefox/rc

就可以換成英文語系.

一些抓圖:

英文語系的設定畫面 : 有 Docs & Spreadsheets 的設定按鈕

中文語系的設定畫面

中文語系的設定畫面 (firefox 1.5) : 比較多按鈕…

英文版的 Docs & Spreadsheets 的設定畫面. (on Windows) : Windows 版的有 Double-click a file icon

• Google Docs & Spreadsheets
• 在 ubuntu edgy 上安裝 Google Toolbar
• Firefox Widgets – 改善 ubuntu 的 firefox 外觀