HTML5 地理定位

定位用户的位置 ( 推荐学习：html教程 )

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

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

浏览器支持

internet Explorer 9、Firefox、Chrome、Safari 以及 opera 支持地理定位。

注释：对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。

HTML5 - 使用地理定位

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

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

实例

script>
    VAR x=document.getElementById("demo");
function getLocation()  {
  if (navigator.geolocation)    {
        navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{
    x.innerHTML="Geolocation is not supported by this browser.";
}
  }
function showPosition(position)  {
      x.innerHTML="Latitude: " + position.coords.latitude +  "br />
    Longitude: " + position.coords.longitude;
  }
    /script>
    

例子解释：

检测是否支持地理定位

如果支持，则运行 getCurrentPosition() 方法。如果不支持，则向用户显示一段消息。

如果getCurrentPosition()运行成功，则向参数showPosition中规定的函数返回一个coordinates对象

showPosition() 函数获得并显示经度和纬度

上面的例子是一个非常基础的地理定位脚本，不含错误处理。

以上就是HTML5 地理定位的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！