html5定位

最新推荐文章于 2024-09-12 10:14:05 发布

原创最新推荐文章于 2024-09-12 10:14:05 发布 · 601 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

58 篇文章

订阅专栏

本文探讨了HTML5 Geolocation API如何获取用户地理位置，并强调了在使用时需尊重用户隐私，确保只有在用户同意的情况下才能访问其位置信息。通过简单的HTML和JavaScript示例演示了如何实现这一功能。

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<p id="demo">点击这个按钮，获得您的坐标：</p>
<button onclick="getLocation()">试一下</button>
<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>
</body>
</html>

ie下测试结果：