地理定位Geolocation

妍思码匠

已于 2023-08-09 08:52:06 修改

阅读量532

点赞数

分类专栏：笔记-HTML5 文章标签： html5

于 2023-07-04 08:56:50 首次发布

本文链接：https://blog.csdn.net/wjs0406/article/details/131519958

版权

笔记-HTML5 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

H5新增的地理定位功能允许获取用户的位置信息，但需用户授权，核心对象为navigator.geolocation。此功能包括获取纬度、经度、精度等数据，若浏览器不支持则无法使用。在获取位置时，应尊重并保护用户隐私。

摘要由CSDN通过智能技术生成

概念：H5新增的地理定位特性，可以获取用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。他的核心对象是navigator.geolocation

使用方法：

navigator.geolocation.getCurrentPosition(callback(position)) -- 获取用户地理位置。参数callback是回调函数。回调函数的参数position有经纬度等信息。

getCurrentPosition()方法返回的数据：

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

示例：

function getLocation() {
    if (navigator.geolocation) {        //可以用来判断浏览器是否支持
        navigator.geolocation.getCurrentPosition(showPosition); 
    } else {
        x.innerHTML="该浏览器不支持获取地理位置。"; 
    } 
}

function showPosition(position) {
    x.innerHTML="纬度: " + position.coords.latitude +
    "<br>经度: " + position.coords.longitude; 
}