调用Google Maps API实现HTML5 Geo定位

HTML5进入人们视线的时间并不长,但我们已经能看到浏览器变得更强大,应用也变得越具智能。充分利用HTML5的新特性能使我们的生活更加便利。这儿就有一个例子——我们结合HTML5技术和地图应用接口来实现定位。

该应用可兼容的浏览器包括:Opera,Chrome, FireFox,Safari。以及……偶滴U8110自带浏览器(Safari Mobile)上测试通过。

允许.

定位成功

大致原理是这样的:浏览器通过Google Map Canvas将我们的位置信息发送给API接口,然后显示地图位置。不过目前定位的准确度有时会出问题,比如福州大学城就跑到乌山路去鸟~不太力额。。。

Googlemap定位误差

演示地址是:http://kainy.googlecode.com/svn/trunk/HTML5_Geo_location_using_the_Google_API/index.html.

分享到:

评论完整模式加载中...如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理