W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <h1>HTML 地理定位</h1> <p>点击按钮获取您的坐标。</p> <button onclick="getLocation()">尝试一下</button> <p id="demo"></p> <script> const x = document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.watchPosition(success, error); } else { x.innerHTML = "此浏览器不支持地理定位。"; } } function success(position) { x.innerHTML="纬度：" + position.coords.latitude + "<br>经度：" + position.coords.longitude; } function error(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; } } </script> </body> </html>