首页 > 移动平台 > 详细

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

时间:2016-07-07 02:30:07      阅读:386      评论:0      收藏:0      [点我收藏+]

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引用,看下图:


bubuko.com,布布扣
?

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

?

bubuko.com,布布扣? ? ? ? ? ? ? ? ? ? ? ? ? ??bubuko.com,布布扣

?

?


bubuko.com,布布扣? ? ? ? ? ? ? ? ? ? ? ? ? ??bubuko.com,布布扣

?

?


bubuko.com,布布扣? ? ? ? ? ? ? ? ? ? ? ? ? ??bubuko.com,布布扣

?

?


bubuko.com,布布扣
?

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

原文:http://halloffame.iteye.com/blog/2308851

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!