HTML5 / JQM android app结构

时间:2013-04-03 09:29:31

标签: html5 cordova geolocation jquery-mobile

我一直在开发一个应用程序并找到了很多东西来完成我需要的东西,但似乎有很多方法可以完成任务,我想我会问专家他们会采用哪种方式。

那么,如何构建有问题的应用......

Idea,一个应用程序,它将引导您通过一个村庄使用GPS地理定位,当您到达兴趣点(可能是20左右)时,该应用程序将提醒您并向您讲述信息(媒体文件)并可能显示一些相关照片。

使用HTML5,JQM和phonegap(Android),我在一个#page上进行地理定位,显示当前位置,然后当到达该地点的距离足够接近时触发页面更改,然后播放位于其上的音频文件一个网络服务器。

我目前有一个多页设置,但是当我尝试添加更多兴趣点并显示不同的地图等时,它变得令人困惑。内部页面导航证明是棘手的。 我已经达到了构建中的一个点,现在想知道如何在没有它破坏已经工作的情况下继续进行。

对于功能,是多页的方式去?如果是这样,我应该如何构建呢? 每次到达某个点时,它是否会打开一个新的#page,然后在该页面上运行一个事件? 将所有叙述性mp3文件存储在本地或服务器上? 将所有地图坐标存储在一个数组中并引用它们,怎么做?

有什么建议吗? 干杯

1 个答案:

答案 0 :(得分:0)

使用单页架构或多页架构时,需要考虑几件事。

使用一种页面架构,所有“页面”都位于html文件中。所以javascript将被加载一次。

使用多页面目标,可以更轻松地维护页面。但是当您更改页面时,根据您用来更改页面的内容,可能会重新加载javscript。

如果您正在使用jqm的changePage,它将加载第一个“page”div,而如果您使用普通的javascript重新加载来更改页面,则将重新加载所有的javascript。

就个人而言,我使用这两者的混合物。取决于我如何构建我的项目。