天天看點

【百度地圖API】如何利用PhoneGap制作地圖APP

摘要:百度地圖API是一套由javascript編寫的地圖程式接口,按說它應該運作在浏覽器上。現在,隻要利用PhoneGap,我們就能開發出移動平台上能使用的APP了!

---------------------------------------------

一、安裝平台

PhoneGap支援5種平台,IOS,安卓,黑莓,WebOS,塞班。

我們下面以IOS為例,開發一個定位的APP。

1、下載下傳xCode

注意看清楚,獅子系統和雪豹系統的安裝程式是不一樣的。

a.可以到蘋果應用商店app store上下載下傳,不過速度非常的慢,一通宵都下載下傳不到20%……優點是免費。

b.也可以到macx上下載下傳,速度快,非會員收費。

c.其實也可以找有安裝程式的人拷貝,速度快,也免費……

2、下載下傳PhoneGap

到官網上下載下傳,免費的,https://github.com/phonegap/phonegap/zipball/1.0.0

二、項目配置

1、啟動xCode,在菜單那裡選擇“create a new xcode project”

【百度地圖API】如何利用PhoneGap制作地圖APP

2、從模闆清單裡選擇“phonegap-based application”,然後next

【百度地圖API】如何利用PhoneGap制作地圖APP

3、輸入公司名稱、項目名稱

【百度地圖API】如何利用PhoneGap制作地圖APP

4、選擇儲存目錄。

我一般就放到桌面上,哈哈。

5、右鍵單擊(觸控闆2個手指按)項目左側的導航視窗,點選“show in Finder”。

【百度地圖API】如何利用PhoneGap制作地圖APP

6、找到www檔案夾。

【百度地圖API】如何利用PhoneGap制作地圖APP

7、把www檔案夾拖動到藍色項目條上

【百度地圖API】如何利用PhoneGap制作地圖APP

8、把你的地圖htm檔案拷貝到index.html裡面。點選運作,就OK啦~

另外,最好部署到真機上,虛拟機上很多功能不是很好用。

【百度地圖API】如何利用PhoneGap制作地圖APP

全部源代碼: