8.Geolocation地理定位

最新推荐文章于 2024-05-17 03:30:34 发布

黑糖22

最新推荐文章于 2024-05-17 03:30:34 发布

阅读量401

点赞数

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

本文链接：https://blog.csdn.net/qq_43966202/article/details/128638354

版权

本文介绍了HTML5 Geolocation API，用于获取用户地理位置。内容包括API的基本使用、获取位置信息的方法、处理错误、在地图上展示定位结果，以及Geolocation对象的其他功能。需要注意的是，获取用户位置需用户授权，且支持此特性的浏览器包括Internet Explorer 9+、Firefox、Chrome、Safari和Opera。

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

1.Geolocation地理定位

1.Geolocation API 用于定位用户的位置。
2.鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。
3.Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation（地理定位）。

2.使用地理定位

1.使用 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;    
}

①检测是否支持地理定位。
②如果支持，则运行 getCurrentPosition() 方法。如果不支持，则向用户显示一段消息。
③如果 getCurrentPosition() 运行成功，则向参数showPosition中规定的函数返回一