欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-14 22:44:31
...

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
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 
 

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

 

jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod                             jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 

 

 


jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod                             jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 

 

 


jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod                             jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 

 

 


jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 
 

  • jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 
  • 大小: 74.4 KB
  • jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 
  • 大小: 86.7 KB
  • jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 
  • 大小: 40.2 KB
  • jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 
  • 大小: 337 KB
  • jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 
  • 大小: 87.2 KB
  • jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 
  • 大小: 610.5 KB
  • jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 
  • 大小: 245.6 KB
  • jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app
            
    
    博客分类: js jquery mobile百度地图 js apiphonegap校园助手appandriod 
  • 大小: 41.3 KB