html5 获取地理位置信息

本文深入探讨了HTML5和CSS3在获取地理信息方面的应用,包括使用navigator.geolocation API进行一次请求获取纬度、经度、海拔等关键数据,以及如何持续监视并更新当前位置信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

html5和css3权威指南笔记

获取地理信息,只进行一次请求
window.navigator.geolocation.getCurrentPosition(
function( position ){//成功回调,必选
position 有以下属性:
latitude  : 纬度
longitude : 经度
altitude : 海拔高度
accuracy:经纬度的精确度(单位:米)
altitudeAccuracy : 海拔精确度(单位:米)
          heading : 用面朝正北方向的顺时针旋转角度来表示
          speed : 速度(米/秒)
          timestamp:获取地理位置信息时的时间
},
function( error ){//失败回调,可选
error 有以下属性
code 
          0:其他错误
1:用户拒绝了位置服务
2:获取不到位置信息
3:获取信息超时
message : 错误信息
},
{//可选

enableHighAccuracy : 是否要求高精度的地理位置信息,一般设为false,
timeout : 超时(单位:毫秒),
maximumAge : 最大缓存时间(单位:毫秒)
}
);

持续监视当前地理位置信息

var iWatchId = watchCurrentPosition(successFn,errorFn,options); 用法与getCurrentPosition同,返回一个watch id 用于停止监视地理信息

clearWatch( iWatchId ) 停止监视

options 中多了 frequency 选项 : 请求频率

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值