使用javascript和html5+css3制作的一个可以显示目前位置以及行动路径的webapp。

调用了百度地图的api,在地图上绿色的线画出了当天的路径。

一个marker显示了当前的位置。

首页的圆是用canvas画的,但是没能把文字画进去,还在研究。

至于获取到的数据都存到了localStorage里,目前是每3s定位一次,不知道这样的数据量如何,如果数据量大,localStorage还是不太适合。

还没有仔细测试,应该还有不少bug。

Alt text

这是在我手机浏览器上运行的效果,定位有些不太准 = =!

演示地址:http://labs.simpleapples.com/liner

update1:

修改了几个bug,发布到github了。

github:https://github.com/simpleapples/liner