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引用，看下图：

 

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

 

                            

 

 

                            

 

 

                            

 

 

 

• 
• 大小: 74.4 KB

• 
• 大小: 86.7 KB

• 
• 大小: 40.2 KB

• 
• 大小: 337 KB

• 
• 大小: 87.2 KB

• 
• 大小: 610.5 KB

• 
• 大小: 245.6 KB

• 
• 大小: 41.3 KB

• ca_new.rar (6.2 MB)
• 下载次数: 48

• flatui.zip (2.5 MB)
• 下载次数: 49

• 查看图片附件