jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app

1 jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app,使用的是基于Flat-UI的jQuery Mobile,请参考:https://github.com/ququplay/jquery-mobile-flat-ui-theme;

 

2 app里使用百度地图的 js api 做了一个校园内的步行路线规划的功能;

 

3 phonegap的使用可以参考:http://blog.csdn.net/aaawqqq/article/details/19755179;

 

4 本人用phonegap生成的andriod工程,用的是eclipse,可以在这里下载adt,andriod sdk                       等:http://tools.android-studio.org/index.php/sdk;

 

5 一个挺好的andriod入门教程:http://mars.apkbus.com/,虽然有点啰嗦,但讲得很细;

 

6 jquery mobile的页面代码请下载附件flatui.zip,首页路径是flatui/index.html,可以直接用浏览器运行看看效果,phonegap生成的andriod代码导入eclipse后会有两个工程,其中CordovaLib是phonegap的核心,编译成一个jar文件给自己的业务工程CampusAssistApp引用,看下图:


jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app_第1张图片
 

7 打包了一个apk,请下载附件ca_new.rar,截了几张手机上的效果图:

 

jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app_第2张图片                            jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app_第3张图片

 

 


                            jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app_第4张图片

 

 


                            jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app_第5张图片

 

 



 

你可能感兴趣的:(js,jquery,api,mobile,PhoneGap,andriod,百度地图,校园助手app)