JavaScript获取用户所在城市及地理位置

(编辑：jimmy 日期: 2025/3/11 浏览：3 次 )

下面一段代码给大家分享js 获取用户所在城市，具体代码如下所述：

<!doctype html> 
<html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
 <title>获取用户地理位置</title> 
 <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-3.3.1.js">

<script type="text/javascript">
  var x = document.getElementById("x");
  function getLocation() {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showPosition, showError);
    } else {
      x.innerHTML = "该浏览器不支持定位功能！";
    }
  }
  function showPosition(position) {
    x.innerHTML = "纬度：" + position.coords.latitude + "\n经度："
        + position.coords.longitude;
  }
  function showError(error) {
    switch (error.code) {
    case error.PERMISSION_DENIED:
      x.innerHTML = "用户拒绝对获取地理位置的请求。";
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML = "位置信息是不可用的。";
      break;
    case error.TIMEOUT:
      x.innerHTML = "请求用户地理位置超时。";
      break;
    case error.UNKNOWN_ERROR:
      x.innerHTML = "未知错误。";
      break;
    }
  }
  getLocation();
</script>


总结
以上所述是小编给大家介绍的JavaScript获取用户所在城市及地理位置，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

上一篇：vue源码解析之事件机制原理
下一篇：在vue-cli项目中使用bootstrap的方法示例