HTML5定位
2018-10-09 本文已影响0人
木易先生灬
HTML5定位:
Geolocation地理定位对象提供的属性和方法实现定位,它是navigator对象的子对象。
- getCurrentPosition方法:
getCurrentPosition() 获得用户的位置
参数说明:
successCallback 成功的回调函数
errorCallback 失败的回调函数
options 配置对象
//调用地理定位方法
navigator.geolocation.getCurrentPosition(successFN,errorFN,optObj);
1-1. 成功回调: 要传入一个定位对象position,有哪些属性:
coords 坐标
latitude 纬度数值
longitude 经度数值
accuracy 精确度单位米
altitude 海拔高度,单位米
altitudeAccuracy 高度的精确地,单位米
heading 运动的方向,相对于正北方向的角度。
speed 运动的速度(假设你在地平线上运动),单位米/秒。
1-2. 失败回调:要传入一个失败对象error,有哪些属性:
error.PERMISSION_DENIED: 用户拒绝对获取地理位置的请求。
error.POSITION_UNAVAILABLE:位置信息是不可用的。
error.TIMEOUT:请求用户地理位置超时。
error.UNKNOWN_ERROR:未知错误。
1-3. 配置对象
{
//指示浏览器获取高精度的位置,默认为false
enableHighAccuracy: true,
// 指定获取地理位置的超时时间,默认不限时,单位为毫秒
timeout: 5000,
//最长有效期,即位置缓存
//在重复获取地理位置时,此参数指定多久再次获取位置。
maximumAge: 3000
}
2、watchPosition:监视位置,生成一个watchID
3、clearWatch :清除监视,传入一个watchID
4. 查询经纬度的网址: http://www.gpsspg.com/maps.htm
纬度 30.5702 经度 104.0647