網址 http://www.bing.com/maps/explore/
Microsoft Bing Map使用Silverlight技術更新整個UI，不過沒什麼，重點是Bing Map開始支援街景及Photosynth。這與我之前預測的一樣，有興趣可以參考這裡。
在新的工具中藍色的小人即是開始使用街景(微軟稱 StreetSide，之前的網站http://preview.local.live.com/)，目前僅美國一些大都是有此服務。
影片說明
圖片說明
使用Silverlight技術設計的工具列，2D/3D用法一致且很直覺，很快就可以上手。
那其它沒有街景的地方怎麼辦？那就靠使用者上傳至Photosynth的照片來補足，這樣更符合Web 2.0的精神。
那就來看看台灣的例子吧。
按一下左邊的中正紀念堂
Bing Map推到了地圖
之後就可以在此處瀏覽各種角度的照片。
當然也可以看照片建立出來的3D點雲。
也可以在3D點雲中，以不同角度看照片。
是不是很酷呢？快去試試吧~
大型影像在網頁上的呈現，常使用的方式為資料細緻層次(Level of Detail, LOD)的技術，其中影像金字塔是常用的技巧。簡單的說就是將大張影像先分層處理，每層按固定的方式切成同樣大小的圖片。這樣一來大圖的呈現就如同Google Map一樣快，也就是用空間換速度。詳細地原理可以參考維基百科-http://en.wikipedia.org/wiki/Pyramid_(image_processing)。
處理好的影像金字塔圖片可以由類以Google Map API的javascript API呈現在網頁上。例如以下的網站，就用它來顯示醫學的病理樣本。http://informatics.med.nyu.edu/virtualmicroscope/viewer/124
看來呈現比較簡單，但是大型影像要如何預先處理呢？
有幾個方式
全部都自己來寫程式，這個程式高手可以作得到。中研院的GIS中心也作得很多影像地圖的切割處理。
推薦使用Zoomifyer http://www.zoomify.com/。如何使用 可以參考這篇 http://content.ndap.org.tw/index/?p=830。處理好的圖，若要用在地圖上，可以Worldkit這個免費的Flash軟體整合於地圖上，網址：http://worldkit.org/。
當然還有很多，請大家自己去找，例如 Open Source的軟體。
Deep Zoom Composer是微軟出的也免費的，可以下載使用。
http://www.microsoft.com/downloads/details.aspx?FamilyID=457b17b7-52bf-4bda-87a3-fa8a4673f8bf&DisplayLang=en它功能也不錯，不過它是使用Silverlight的技術。但強者應該可以把它改成由Google Map API顯示。
最後一個比較特別。微軟已經將此功能實作在 Sliverlight的API中，可以直接在您的程式中使用它來切圖及呈現。Sliverlight DeepZoom API的截圖資訊如下。
也因為如此，微軟較新的軟體都加入了影像金字塔(DeepZoom)技術，例如 MS Lab中 Powerpoint的 pptPlex (好玩…有機會大家試試吧)及作照片3D環景 Photosynth…等。對Photosynth有興趣的人可以看這篇 http://content.ndap.org.tw/index/?p=958。對Powerpoint的pptPlex有趣興的人可以看看以下這影片。
使用DeepZoom開發而成的大圖瀏覽程式的好處是不須更動原本大部的系統，只需將呈現的部分交由此程式處理，即可達到快速流暢看圖之目的。
另外還有兩點好處
1.保護原始的圖檔
原始的圖檔路徑及檔名使用者的瀏覽器端幾乎是無法得知，因為封裝在Silverlight程式中，就算破解取得也是大量的處理好的小圖路徑。
2.放大縮小非常順暢平滑
Sliverlight DeepZoom在不同圖層之間會作圖片放大/縮小的效果，讓使用者幾乎感覺是無層縮放。
以下是一個例子，使用Sliverlight API，第一次呈現大圖時動態將大圖切圖後，呈現在網頁上；第二次及之後就可以很順很快的瀏覽大圖(第二次後直接用處理好的圖片)。因為此青銅器圖片版權之因素，無法讓一般大眾下載，但是透過此技術即使不下載也可以看見自己有興趣的細節。
下次遇到大圖的呈現，就不要再用按縮圖看大圖的方式，來試試上述的個種方式吧。
Rich Internet Application是相對於傳統網頁而推出的新技術，最出名的例子即是Adobe Flash，另外微軟的Silverlight也是，也有人認為Ajax+網頁也算一種較弱的RIA。不過RIA的技術就是跳脫傳統網頁的限制，可以作較佳的互動及效果。
將RIA技術，使用在GIS上可以設計出較好的GIS系統，尤其是在資料呈現的效率、圖層切換的效果都表現的很棒。
底下個我最近開發的一個簡單的例子。因為是使用最新的Silverlight 3 Beta，再加上大部分的電腦是安裝Silverlight 2所以有興趣的可以安裝執行Silverlight 3 Beta的環境，連結如下。
安裝重新啟動瀏覽器好即可看到以下的RIA GIS，大家可以試著放大/縮小地圖，是不是順暢多了呢？
簡單的地圖功能就是左邊的工具列，可以放大縮小；左上方的文字可以切換軟體的地圖/衛星底圖。按下[Menu]後可以開啟功能選單。
你可以在這個功能表中調整地圖的進階功能，如切換圖層、全螢幕…等，且右側的地圖還是可以操作使用。
不論您是用Mac OS/ Windows 都可執行 Silverlight，Linux版的Silverlight 名為Moonlight，網址在http://www.mono-project.com/Moonlight，目前僅支援到Silverlight 2 preview。而手機版的應該會在Windows Mobile 6.5會推出一個外掛來執行Silverlight，Windows Mobile 7則會內建支援。看來微軟對Sliverlight的規畫是全面性且是跨平台的。以下為微軟Silverlight的圖，看來RIA的技術可以跨至各種平台上。
另外因為Sliverlight是Windows Vista的呈現基礎(Windows Presentation Foundation)中的一個子集。所以Silverlight非常容易轉成在Desktop上執行的程式，此程式您也可以按這裡下載至您的電腦中執行，不用連到GIS的系統網站上，但會連至各家(Google/Yahoo/MS)的地圖網頁取得影像底圖。執行畫面如下圖。
之後還可作更多，更酷的運用…有機會再介紹吧。
在Photosynth網站最近推出了一些新的功能，其中跟GIS最有相關的是地圖探索功能，如下圖。
台灣也有Photosynth的成果
這是是在101大樓上面拍攝。
這是從台北市政府廣場拍攝。
雖然photosynth改用較普遍的silverlight呈現，且可以在Virtual Earth上呈現。但是這樣還是不能與Google Streetview競爭，不過photosynth也有其優勢，其中整合的Deep Zoom技術可以放高解析度的照片，無段縮放，加上方位資訊也可以作很好的運用，例如在旅遊業、房仲業…等。
Photosynth Map Explore 網址
2009/2/11GIS Tech: Photosynth最近情形 及2009/2/27 Google街景服務加上照片功能 這兩篇講到有關PhotoSynth整合至MS Live Map的情形，其實主要就是要建立一個特別的服務來對抗Google 的街景服務。
這個服務名稱已經公布了，叫GeoSyth，結合座標、照片及方向，會提供類似於Google街景服務。概據photosynth的特性，photosynth可以有多方向及遠近距離的功能。這與Google街景只能按一定的方向前進是不同的，不過Google 也在講街景中加上照片，接下來應該也可以將照片疊在街景的正確位置，將來應該也可以在Google街景中看見類似的功能。
微軟會使用SilverLight整合GeoSyth及Live Map，目前也有公開Virtual Earth Silverlight Control CTP社群預覽版。有趣興的人可以下載來玩看看。
不過…這方面的服務微已經落後Google了，微軟請加油吧~~
更多資料
Photosynth最動作頻頻，介紹如下
一、微軟與CNN的合作
CNN將歡迎有參與歐巴馬就職典禮的人傳送照片給它，之後CNN再與微軟使用Photosythn將照片建立3D的環場。網址及截圖如下。
CNN.com - Special Reports - The 44th President - The Moment
二、Photosynth Silverlight Viewer
Photosynth終於有了Silverlight版的Viewer，可以不用安裝Photosynth的瀏覽器的Plugins，若是為了效能，建議還是安裝Photosynth的瀏覽器Plugins。Photosynth Silverlight Viewer也有釋出原始碼可以作為開發之用。
Photosynth Silverlight Viewer網站： http://photosynth.net/silverlight/photosynth.aspx
Photosynth Silverlight Viewer原始碼 ：http://cid-b1f240efb0dad5a0.skydrive.live.com/self.aspx/Silverlight/PhotosynthViewer.zip
以下為載圖及Tan Nguyen的連結，蠻有趣的。
三、Photosynth的支援座標
Photosynth的也開台支援座標，在網頁按一下[地球]的圖示，即可開啟微軟的Live Maps可以指定其座標
在Live Maps上可以搜尋到有Photosynth的資料，如下圖。不過也僅連至photosynth的網站。
Photosynth的團隊加入Live Map後目前的成果大致上為以上介紹的，之後就等Photosynth整合至Live Map 3D模式中的Bird’s eye中，加油！
話說最近玩了新款的Ricoh 500SE ，除了有支援GPS之外還有支援照相的角度。上傳此它照的照片至Picasaweb會自動產生地圖、KML，也可以在Google Earth開啟，但是還是不會自動支援角度。現在就是看看MS/Google那邊比較快速地解決角度這個問題，誰就能搶到先機。不僅是照片中的角度還得提供一般大眾簡單的方式就可以對好角度。
這是由四個三百多MB的tif檔案組成的地圖。使用Deep zoom技術切成 約100MB的分層jpg檔，之後用瀏覽器看非常順暢。網頁主機可使用linux。
記得要先安裝
Silverlight 2 RTW (2.0.31005.0) http://go.microsoft.com/fwlink/?LinkID=124807
什麼是RIA呢？Rich Internet Application，有別於網頁呈現簡單的文字及圖片，而提供豐富的互動多媒體功能，例如Adobe Flash、Microsoft Silverlight，Javscript Ajax亦可以勉強算得上是。Google Map 已經有支援Flash了。
若RIA碰上了Web GIS會有什麼火花產生呢？我們實際看幾個例子。
IDV Solutions Silverlight & Virtual Earth Demo
底圖是使用Virtual Earth
比較特別是右邊的工具列可以畫出點、線、面，且可以匯出成KML。
左下角的zoom in/out的設計非常直覺一看就懂，比較特別的是方向亦可以透過轉動以下地球而旋轉。
另一個例子是DeepEarth Test Page，使用RIA來讓地圖放大縮小的效果更為平順。實例效果請前往該站看會比較清楚。
最後一個是Google Map flash API加上影片及時間軸的例子，網址在 Flash Demo。點選時間軸可讓地圖跳至該點，影片也會同步。這樣的功能跟之前地圖旋轉用一般的網頁+Javascript是很難實作出來，透過RIA的架構卻很容易開發。
發表文章
所有留言
