5分鐘自製GoogleMap+GPS 定位軟件

5分鐘整好GoogleMap+GPS 定位~

Palm Ares 出了1.0 , 多了很多Component , 例如google map …  透過預設的component , 可以輕易做出很多效果 ~

Palm Ares 有一個tutorial , 利用googlemap 元件, 再加幾句, 可以輕易做出google map 定位軟件 …

我測試過 , 附近地圖會追隨你的座標移動 ~~~ 很準的~



好, 開工~

 

Part 1: 設定程式及基本

Step 1 : 登入Ares (http://ares.palm.com/ ), 按New -> application


Screenshot


Step 2: 建立新的程式 , 幫程式改個名 (今次叫 google_map_demo )


Screenshot-1


Step 3: 拖放一個header 到中間的版面 (Palm Pre 的位置) ,


Screenshot-2


在右方的properties inspector 加入設定:

title = Google 地圖


Screenshot-2b


完成圖:


Screenshot-2c


Part 2 : google map

Step 4: 拖放一個google 地圖component 到版面 (palm pre 的位置)


Screenshot-3


step 5: 設定Google map 的properties

name = googlemap

按maximum 這個button 一次, 會放大google map


Screenshot-6


預設會顯示palm 總部的位置


Screenshot-4


Part 3 : GPSi

step 6: 在sensors 分類, 把GPS 拖到版面 (palm pre 的位置) ,


Screenshot-7


由於GPS 無GUI , 所以會自動變到non-visual components


Screenshot-7b

 


step 7 : 修改GPS 的 properties ,

name = gps

subscribe = enable  (這個設定令GPS 不停更新資料, 否則只會在首次啟動時更新, 之後不更新位置)


Screenshot-7c


step 8: 按GPS 的 Events , 按 onSuccess  右方的新增, 會出現新的event procedure, 再double-click 這個事件


Screenshot-9


step 9: 在 gpsSuccess 的位置, 加入程式碼

this.$.googlemap.setLongitude(inResponse.longitude);
this.$.googlemap.setLatitude(inResponse.latitude);

Screenshot-10



Step 10: 在setupSceneAssistant 加入以下的code


this.$.gps.startTracking();

Screenshot-11


Part 4 : 完工 !

按執行標誌 -> launch , 如果你有palm pre 及安裝了novacom , 會把程式安裝到Palm Pre 或者模擬器 …

如果你想下載你的作品 (IPK格式) , 可以按Package 即可, 可以用WebOS QuickInstall 安裝


Screenshot-12


你可以在模擬器或者Palm Pre 試行你的google map ~ (示範只顯示美國palm公司的位置給你看啦 … 我係香港某處 ~~ )


Screenshot-13



remark : 紅色部分是你自己加入的程式碼

function MainAssistant(argFromPusher) {

MainAssistant.prototype = {
setup: function() {
Ares.setupSceneAssistant(this);
this.$.gps.startTracking();
},
cleanup: function() {
Ares.cleanupSceneAssistant(this);
},
gpsSuccess: function(inSender, inResponse, inRequest) {
this.$.googlemap.setLongitude(inResponse.longitude);
this.$.googlemap.setLatitude(inResponse.latitude);
}
};

MainAssistant.prototype 似是form 的相關程序 , setup 應是啟動這form 時自動執行的procedure ,

gpsSuccess 是’gps’ 這個object 找到座標時執行的procedure , 早前在gps 這object 加了tracking, 應是不停監察GPS , 並啟動procedure 內的程式碼

 

大家可以download 個製成品來玩玩~

转载地址:http://www.garyau.com/en/palm-pre/webos-development/130-ares-googlemap-gps-demo.html

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注