»
S
I
D
E
B
A
R
«
Google map in Adobe AIR - Mouse wheel zoom
8月 23rd, 2008 by admin

打風日子,除了與家人外出飲茶(好久沒飲茶,韓國沒飲茶習慣)之外,便是研讀一個 JS Lib 的 API Doc:Prototype JavaScript Framework,並且規劃構想中的程式介面。

暫時循 XHTML + AJAX 製作 Adobe AIR 桌面程式。嗯,簡單介面規劃尚可,期望星期日能再寫好更多配件,並於星期一二找 Advisor 咨詢。

在介面建構過程中,雖然能把 Google Map 放進 Adobe AIR 裏行,但發現 Google Map 在滑鼠滑輪轉動以 ZoomIn 和ZoomOut (Mouse Wheel Zoom) 時有錯誤感應焦點的處移位問題出現。比如其中一個名叫 RoadFinder 的 AIR Application 在 ZoomInOut 時有以滑鼠下方的位置出現紅框作 Zooming ,而我現行寫的 Application 則有向右移位的情況,個人推出是因 CSS Positioning 所導致的。 RoadFinder 的地圖是以 position:absolute;top:170px; 作定位,而我的則以 left:200px; 定位,而移位的差異也與這定位距離長度吻合。除了因 position:absolute 的定位而有移位問題出現,之後測試 top:0px 並改為 margin-top:30px ,但走位問題沒有改變。要怎樣解決這問題?暫時還未想到。這個問題可能只是在 AJAX AIR 程式裏出現,Flex 似乎沒有這問題~

放下堅持
8月 20th, 2008 by admin

想養回在韓國那時的早睡早起,結果還是因為滿腦子是 F.Y.P. 的問題,與及因想通一些事而失眠了。

一起始持著「要用這 F.Y.P. 打響自己」為目標,並以「做一些日後可以用到的東西」,想著日後可能這個 F.Y.P. 做些可持續發展且有利自己發展的東西出來。然而從旅遊角度出發的話,整旅遊 BLOG 可能有得發展,但做完之後,也許有人會說:「只是另一個 Wordpress 罷了」。

同學完成一份 F.Y.P. ,上報了,到了相關行業工作。如果我寫成這個 CMS ,也許也有人會叫我寫 CMS 另一支 CMS,只是那人會是什麼範疇?一間網站方案公司請你並給你一大份方案工作卻給你少許佣金……旅遊社?反而不一定看上我的旅遊CMS,沒有什麼直接因素讓他們看得起我的 CMS 可用之處。

另外,就一個平台可容的內容,單單弄獨立的 CMS 沒什麼好記下。做回集中單一平台的CMS會否較好?噢!那不就是走上屆同窗走過的路?嗯,又有點是。這是我極不情願的。完全無同學做得不好的意思,而是我需要更具挑戰的玩兒。

結果,給我想到了向另一個方向發展,同樣用ADOBE AIR 可做 Desktop Application ,同樣有 map ,有flex的公開平台,也有adobe air desktop 用戶端……這就是昨晚想著想著最後睡不著了的原因。

因樣那個「想通了的想法」,我打算暫且放下「一定要做獨立 CMS」而改著嘗試做一網上平台,以更發揮FLEX、AIR的作用。並於今天嘗試一些編程效果。的確花了一天時間,試了較難做的地圖插入,效果尚算可以,只是美觀感不足。接著將會嘗試由資料庫讀資料於AIR裏吐出來~

做過的測試是測試了許多,但能展示的卻只有少少,因為弄的都是呈現效果的測試,想有更多具體的配件弄好少向 Advisor 當面匯報~

放下一點點堅持,看到的東西變得更多~

今天測試之餘,看了許多資料,有關 Scry 這支由 Adobe 弄的 Ajax framework, Jsolait 這個讓 JS 能夠建立模組的 lib。

在測試用 Dreamweaver 裏的 Spry 工具來建分頁元件並在其中一頁中放上 Google Maps,可是卻遇到 Google Map 走位問題。初時以為是 CSS 問題,但花了個多小時仍然無法解決「呼叫 map.setcenter() 後地圖的目標中心卻移到左上方」的移位/錯位問題。後來把地圖從 Spry 生成的分頁裏拿出來,經過反覆測試,大概可以肯定那走位是跟 Spry 有關。呼,又再花掉我數小時的年華~

一點發現
8月 19th, 2008 by admin

要成為人前的人談何容易,還是暫且當一個前人後面的人較好。

仔細參看了 Adobe AIR 的一個應用程式:
http://www.adobe.com/devnet/air/ajax/samples.html
這頁裏當中有一個 RoadFinder ,初時沒為意它是利用了 Google Maps 和 Yahoo! Maps。

然後慢慢探索為何它能夠做到不在網站內也能使用 Google Maps 且沒有 Debug Mode 的屏蔽圖示出現,結果也慢慢理解為何能做到用一組 API key 卻能避開 domain 的限制讓程式在不同使用者的桌面上載入地圖。

暫時找到的使用 HTML + AJAX 配搭 Adobe AIR 來編寫能載入 Yahoo! Maps 和 Google Maps。

雖然只是這樣,可能意味著未必能以使用 FLEX 的內置視覺效果來製造花巧的使用者經驗(User Experience),但現階段還能想到如何去因此搭配出一些原本想做的 CMS 的功能。在有這感通後,在編程之前先在這裏這樣記一下。

另外,也有點了解什麼是 SandBox:
http://help.adobe.com/en_US/AIR/1.1/

略略看過,至少了解為何要有 sandboxRoot 和 documentRoot 這兩個變數存在。

GOOGLE MAPS + FLEX + AIR != OKAY
8月 17th, 2008 by admin

早上探索 Flex 不同 Components 的使用方法,亦看過一籃子 Flex Applications。要做到其中一些,從資料庫提取資料轉化顯示,應該不難,然而在嘗試把 google map 放進 Flex + Air 卻遇到不少障礙。

先是低估了 Google 對 Api key 的要求,放眼網際暫時仍找不到方法繞過 Google Map API Key 而用 Google map。其次就是,雖然己有 Flex + Google Maps 或是 Flex + Yahoo! Maps 已有許多成功的傑作出現,依據官方教學也能做到目的效果,然而當把方案性質由 Flex 轉成 AIR 後,先是 DEBUGGER 會出一些錯誤,由 Debugger 顯示 “SECURITY ERROR”:

SecurityError: Error #3207: Application-sandbox content cannot access this feature.
 at flash.system::Security$/allowDomain()
 at com.google.maps::ClientBootstrap/allowLibraryDomain()
 at com.google.maps::ClientBootstrap/loadUrl()
 at com.google.maps::ClientBootstrap/internalLoadBootstrap()
 at com.google.maps::ClientBootstrap/executeNextFrameCalls()
 at flash.utils::Timer/_timerDispatch()
 at flash.utils::Timer/tick()

 到 “Launch failed” 為標題的錯誤警告視窗都出現過~

後來查出第二個錯誤是因為ADL當掉了,即是adl.exe,編譯 AIR 的執行程式,於是乎 Flex 未能召用它執行動作~

後來從一些討論區一些開發者的對談才得知 Google Maps 仍未對 Adobe AIR 作支援。那該怎麼辦?

Adobe 的解說:
http://www.adobe.com/devnet/air/ajax/articles/mapcache_on_air.html
(文末灰字處)

再看那些討論區,有說 Yahoo! Maps 支援 AIR 。只是 Yahoo! Maps 不夠 Google 的好看,不太想用。其他地圖提供者對歐美的地圖資料較詳細,但對亞洲的資料卻很缺乏,應該怎麼樣去抉擇呢?

之但是,還是嘗試用用 Yahoo! Maps API 玩玩吧~

———————————

雖然大家都說 Google Maps 不支援 AIR ,但這個網站卻聲稱利用 Flex + AIR + PaperVision3D 搭 Google Map 製出類3D 地圖:
http://www.beedigital.net/blog/2007/08/google-3d-map-made-with-adobe-air/

(之不過我卻安裝不了那應用程式,說版本經已不支援…)
———————————

查看資料期間得知 Google Maps 仍未對 Adobe AIR 支援有可能還跟法律有關。因為那些 Map 不屬於使用者,但 Adobe AIR 則是使用者置放於桌面的軟體程式。於是乎我又想,那麼 Google Earth 能成為 Desktop 軟體是什麼因由?是因為軟體是 Google 擁有之故?我不擅法律,不予置評,然而莫非 Google 或是 Adobe 二者中任何一方收購對方,不就成了一家親,那時便可以大家用大家的東西了吧?!^+++^

»  Substance: WordPress   »  Style: Ahren Ahimsa