»
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月 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 這兩個變數存在。

»  Substance: WordPress   »  Style: Ahren Ahimsa