21xrx.com
2024-12-19 11:49:40 Thursday
登录
  

HTML5 地理定位

HTML的地理定位API是用来定位用户的位置的.

定位用户的位置

HTML的地理定位API是用来获取用户的地理位置的.

这能获取隐私,除非用户同意,不然位置是不可用的.

注意:设备如果有GPS,地理定位会更加精确,例如:手机.

用HTML的Geolocation

getCurrentPosition()函数是用来获取用户的位置.

下面的例子返回用户位置的纬度和经度:

例子解释:

  • 检测浏览器是否支持地理定位(Geolocation)
  • 如果支持,运行getCurrentPosition()方法.如果失败了,显示一个失败信息给用户,如果成功了,返回一个包含经纬度的对象,然后把经纬度显示给用户.

上面的例子是一个很简单的地理定位脚本,没有对错误进行详细的处理.

处理错误

getCurrentPosition()方法的第二个参数是用来处理错误信息的.指定一个函数来处理获取用户位置失败后的信息:

在地图上显示位置

要在地图上显示位置信息,你需要访问地图服务,例如:百度地图,腾讯地图和高德地图等等.

特定位置信息

这个页面演示了怎么获取当前用户的位置信息.

Geolocation对于定位信息也非常有用,例如:

  • 最新本地信息
  • 显示用户附近的景点
  • 导航(GPS)

getCurrentPosition()方法返回的数据

getCurrentPosition()方法如果成功了会返回一个对象

对象里有纬度,经度和精度属性等信息.

如果可用,其它属性也会返回:

属性说明
{{item['property']}}{{item['returns']}}

Geolocation对象 - 其它一些有趣的方法

watchPosition() - 返回用户的当前位置,并且继续返回用户移动后的位置(像车里的GPS导航).

clearWatch() - 停止watchPosition()方法.

下面的例子展示了watchPosition()方法.你需要一个精确的GPS设备来测试(像苹果手机):

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复
21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2