Navigator.geolocation GPS定位

最新推荐文章于 2025-03-01 00:15:00 发布

web16888

最新推荐文章于 2025-03-01 00:15:00 发布

阅读量536

点赞数

分类专栏： js 文章标签： html5 前端 html

本文链接：https://blog.csdn.net/qq_41211900/article/details/128453887

版权

本文介绍了使用HTML5的Navigator.geolocation进行GPS定位的功能，结合MDN文档探讨了其用法和浏览器兼容性。在实际应用中，遇到在HTTPS环境下才能正常工作的限制，以及由于页面中HTTP请求导致GPS功能失效的问题，强调了GPS定位对全站HTTPS的严格要求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近要求web页上gps定位打卡。

查阅了相关资料后，发现html5有Navigator.geolocation的GPS定位功能，赶紧学习：

Navigator.geolocation - Web API 接口参考 | MDN

相关文档即用法。

浏览器兼容性也是不错的。

<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 = "该浏览器不支持获取地理位置。";
            }
        }

        f