是否可以制作跟踪行进距离的HTML5行程表？

Question

我正在尝试开发一个用户可以在手机上运行的webapp来跟踪他们旅行的距离。可以把它想象成RunKeeper，但是用webapp形式。

以下文章介绍了使用HTML5和Geolocation API创建Trip Meter的简便方法。

http://www.html5rocks.com/en/tutorials/geolocation/trip_meter/

然而，这似乎只计算了A点和B点之间的距离。我想我可以使用类似JavaScript的setTimeout来跟踪每5秒钟行进的距离，然后计算结束时的总数。但是，当webapp在后台运行（或手机被锁定）时，将不会执行此JS。这个问题有什么解决方案吗？

Answer 1

您不需要使用setTimeout，watchPosition会在每次更新位置时触发回调函数。但是，您是正确的，只有在Web应用程序不在后台且手机未锁定时才会运行JavaScript。您可以编写HTML5应用程序，然后使用PhoneGap等内容将其转换为本机。