HTML5获取地理位置

最新推荐文章于 2024-08-26 03:36:52 发布

分解机226

最新推荐文章于 2024-08-26 03:36:52 发布

阅读量1.1k

点赞数 7

分类专栏：前端网页开发文章标签： html5 javascript webview 网页实战项目

转载请标明出处

本文链接：https://blog.csdn.net/qq_64281750/article/details/124800035

版权

JavaScript Geolocation API 经纬度定位错误处理

关键词由CSDN通过智能技术生成

前端网页开发专栏收录该内容

12 篇文章 0 订阅

订阅专栏

大家可以上百度查一查定位的机制。下面我们来看看获取经纬度的一段代码

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>处理和拒绝错误</title>
  </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,showError);
        }
        else
        {
          x.innerHTML="该浏览器不支持定位。";
        }
      }
      function showPosition(position)
      {
        x.innerHTML="纬度："+position.coords.latitude+"<br>经度:"+position.coords.longitude;
      }
      function showError(error)
      {
        switch(error)
        {
          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;
        }
      }
    </script>
  </body>
</html>

在代码中我们定义了3个函数，分别是