前端 HTML5 Geolocation（地理定位）

最新推荐文章于 2023-05-19 10:53:15 发布

爱长发的短发小二哥

最新推荐文章于 2023-05-19 10:53:15 发布

阅读量959

点赞数 1

文章标签：定位 web html5 地理定位

本文链接：https://blog.csdn.net/john_jian_yo/article/details/107480358

版权

本文介绍了HTML5的Geolocation API，用于获取用户的地理位置。内容包括定位用户的位置、浏览器支持情况、如何使用getCurrentPosition()方法获取坐标、处理错误和用户拒绝、在地图上显示结果以及Geolocation对象的其他方法，如watchPosition()和clearWatch()。

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

定位用户的位置

HTML5 Geolocation API 用于获得用户的地理位置。

鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。

浏览器支持

Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation（地理定位）.

注意: Geolocation（地理定位）对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。

HTML5 - 使用地理定位

请使用 getCurrentPosition() 方法来获得用户的位置。

下例是一个简单的地理定位实例，可返回用户位置的经度和纬度:

var x=document.getElementById("demo");
function getLocation()
{
    if (navigator.geolocation)
    {
        navigator.geolocation.getCurrentPosition(showPosition);
    }
    else
    {
        x.innerHTML="该浏览器不支持获取地理位置。";
    }
}
 
function showPosition(position)
{
    x.innerHTML="纬度: " + position.coords.latitude + 
    "<br>经度: " + position.coords.longitude;    
}