原生js获取地理位置 - 前端笔记-获取用户地理位置关键api: navigator.geolocation.getCurrentPosition(showPosition,showError,option) .....

学习笔记

点滴记忆
回忆过往
首页>> web前端 >>原生js获取地理位置 - 前端笔记

获取用户地理位置关键api:

navigator.geolocation.getCurrentPosition(showPosition,showError,option)


其中三个参数分别表示:

showPosition : 成功的回调

showError : 错误的回调

option:数据获取的方式


showPosition属性

coords.accuracy : 获取位置的精度

coords.altitude : 获取海拔(米)

coords.altitudeAccuracy : 获取位置的海拔精度

coords.heading : 获取方向

coords.latitude : 获取纬度

coords.longitude : 获取经度

coords.speed : 获取速度

timestamp : 获取相应的时间


showError 属性

PERMISSION_DENIED : 用户拒绝页面发起的地理位置

POSITION_UNAVAILAVLE : 无法获取当前位置

TIMEOUT : 超时


option 参数

enableHighAcuracy : 是否启动高精模式(布尔值)

maximumAge : 设置定位缓存过期的时间(毫秒,0为禁用缓存)

timeout : 设置获取定位信息的时常 (超时触发ErrorCallback)

// 获取地理位置的api

window.navigator.geolocation.getCurrentPosition(position => {
  console.log(position)
})


×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:前端笔记 » 原生js获取地理位置

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)