HTML5 --地理位置

最新推荐文章于 2024-08-08 23:45:45 发布

sweetllh

最新推荐文章于 2024-08-08 23:45:45 发布

阅读量571

点赞数

CC 4.0 BY-SA版权

分类专栏： html5 文章标签： html5

本文链接：https://blog.youkuaiyun.com/sweetllh/article/details/76331987

本文介绍了HTML5中的地理定位功能，包括经度和纬度的概念，获取位置信息的来源如IP地址、GPS、Wi-Fi和基站。重点讲解了navigator.geolocation对象的使用，包括单次定位请求的getCurrentPosition方法，其参数包括成功和失败回调函数，以及包含经度、纬度、准确度等的位置信息。还提到了多次定位请求的watchPosition方法，用于在位置变化时触发，并可通过clearWatch方法停止更新。同时，讨论了定位请求的配置选项，如enableHighAccuracy、timeout和maximumAge。

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

地理位置
经度 : 南北极的连接线
纬度 : 东西连接的线

位置信息从何而来
IP地址
GPS全球定位系统
Wi-Fi无线网络
基站

地理位置对象
navigator.geolocation
单次定位请求：getCurrentPosition(请求成功，请求失败，数据收集方式)
请求成功函数
经度 : coords.longitude
纬度 : coords.latitude
准确度 : coords.accuracy
海拔 : coords.altitude
海拔准确度 : coords.altitudeAcuracy
行进方向 : coords.heading
地面速度 : coords.speed
时间戳 : new Date(position.timestamp)

地理位置对象_2
navigator.geolocation
请求失败函数
失败编号：code
0 : 不包括其他错误编号中的错误
1 : 用户拒绝浏览器获取位置信息
2 : 尝试获取用户信息，但失败了
3 : 设置了timeout值，获取位置超时了
数据收集 : json的形式
enableHighAcuracy : 更精确的查找，默认false
timeout : 获取位置允许最长时间，默认infinity
maximumAge : 位置可以缓存的最大时间，默认0

地理位置对象_3
navigator.geolocation
多次定位请求 : watchPosition(像setInterval)
移动设备有用，位置改变才会触发
配置参数：frequency 更新的频率

关闭更新请求 : clearWatch(像clearInterval)