从零开始的HTML5之旅(六)

2021-04-01 13:25

阅读:725

YPE html>

标签:json   通过   git   tle   接口   miss   浏览器   不可   常量   

HTML5地理定位

??HTML5 Geolocation(地理定位)用于定位用户的位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。

浏览器支持

??IE9、Firefox、Chrome、Safari以及Opera支持地理定位。对于拥有GPS的设备,定位将更加准确。



地理定位

??用getCurrentPosition()方法获得用户的位置。

getCurrentPosition(successCallback, errorCallback,PositionOptions);

??``getCurrentPosition()方法内包含了三个对象,分别是successCallback对象、errorCallback对象、PositionOptions`对象。

successCallback对象

??successCallback对象表示获取到的用户数据位置。此对象包含了coordstimestamp两个属性。

coords属性

描述
accuracy 精确度
latitude 纬度
longitude 经度
altitude 海拔
altitudeAcuracy 海拔高度的精确度
heading 朝向
speed 速度

代码




Document

此处显示坐标


errorCallback对象

??errorCallback对象表示返回的错误代码。对象中包含了message属性和code属性。

code属性

描述
unknow_error 表示不包括在其他错误代码中的错误,可以在message中查找信息。
permission_denied 表示用户拒绝浏览器获取位置信息的请求。
position unavalablf 表示网络不可用或者连接不到卫星。
timeout 表示获取超时时。必须在options中指定了timeout值时才有可能发生这种错误。

代码







Document

此处显示坐标


PositionOptions属性

??PositionOptions接口不继承任何属性。数据格式为json,有3个属性。

属性 描述
enableHighAcuracy 布尔值,表示是否启用高精确度模式,如果启用这个模式,浏览器在获取位置信息时可能需要耗费更多的时间。
Timeout 整数,表示浏览器需要在指定的时间内获取位置信息,否则触发errorCallback。
maximumAge 整数/常量,表示浏览器重新获取位置信息的时间间隔。

getCurrentPosition()方法

??若成功,则 getCurrentPosition() 方法返回对象。始终会返回 latitude、longitude 以及 accuracy 属性。如果可用,则会返回其他下面的属性。

属性 描述
coords.latitude 十进制数的纬度
coords.longitude 十进制数的经度
coords.accuracy 位置精度
coords.altitude 海拔,海平面以上以米计
coords.altitudeAccuracy 位置的海拔精度
coords.heading 方向,从正北开始以度计
coords.speed 速度,以米/每秒计
timestamp 响应的日期/时间

从零开始的HTML5之旅(六)

标签:json   通过   git   tle   接口   miss   浏览器   不可   常量   

原文地址:https://www.cnblogs.com/ODevil/p/12569347.html


评论


亲,登录后才可以留言!