游览器获取用户位置信息，不同游览器获取位置信息不一致

墨蓝 2023-10-12 14:44 28阅读 0赞

## 问题 ##

### 详细问题 ###

对于下述代码

<!DOCTYPE html>
    <html>
    <head>
      <title>获取用户经纬度</title>
      <script>
        function getLocation() {
          
          if (navigator.geolocation) {
          
            navigator.geolocation.getCurrentPosition(showPosition);
          } else {
          
            alert("您的浏览器不支持地理位置功能。");
          }
        }
    
        function showPosition(position) {
          
          var latitude = position.coords.latitude;
          var longitude = position.coords.longitude;
          alert("纬度: " + latitude + "\n经度: " + longitude);
        }
      </script>
    </head>
    <body>
      <button onclick="getLocation()">获取位置</button>
    </body>
    </html>

笔者使用  
google游览器弹窗显示结果纬度: 37.09024 经度: -95.712891  
Edge游览器弹窗显示结果结果纬度: 34.81502024743276 经度: 113.56045560293398 FireFox游览器弹窗显示结果结果纬度: 34.81502024743276 经度: 113.56045560293398  
![请添加图片描述][7f1a5e0210ce48f59a9020c30ddb281f.png]

![请添加图片描述][2b68f74e077747a18924b2b25af2af95.png]  
![请添加图片描述][15dff811c8a84f50872018b6af8fc5b5.png]

### 解决方案 ###

当编写涉及地理位置的代码时，需要考虑到不同浏览器之间的差异，并且不能假设它们将始终返回相同的结果。

### 原因 ###

是由于浏览器使用不同的位置服务或算法来获取地理位置信息所致。不同的浏览器可以使用不同的定位技术，包括全球定位系统（GPS）、IP定位、Wi-Fi定位等。浏览器还可以使用不同的位置服务提供商或使用不同的算法来处理和解释位置数据。这些因素都可能导致不同的浏览器返回不同的地理位置结果。

### 参考文献 ###

原因参考chatgpt

原创不易  
转载请标明出处  
如果对你有所帮助 别忘啦点赞支持哈  
![在这里插入图片描述][9cb4cb80a18345158f8a69e2f196e5b9.png]

[7f1a5e0210ce48f59a9020c30ddb281f.png]: https://img-blog.csdnimg.cn/7f1a5e0210ce48f59a9020c30ddb281f.png
[2b68f74e077747a18924b2b25af2af95.png]: https://img-blog.csdnimg.cn/2b68f74e077747a18924b2b25af2af95.png
[15dff811c8a84f50872018b6af8fc5b5.png]: https://img-blog.csdnimg.cn/15dff811c8a84f50872018b6af8fc5b5.png
[9cb4cb80a18345158f8a69e2f196e5b9.png]: https://img-blog.csdnimg.cn/9cb4cb80a18345158f8a69e2f196e5b9.png