HTML5 Geolocation API 获取当前位置坐标

要获取当前位置的坐标，可以使用 HTML5 的 Geolocation API。以下是获取当前位置坐标的步骤：

创建一个 HTML 页面，并在页面中添加一个按钮或其他用户触发事件的元素。

<!DOCTYPE html>
<html>
<head>
    <title>获取当前位置</title>
</head>
<body>
    <button onclick='getLocation()'>获取位置</button>

    <script>
        function getLocation() {
            // 获取用户位置的函数
        }
    </script>
</body>
</html>

在 JavaScript 代码中，使用navigator.geolocation.getCurrentPosition()方法来获取当前位置的坐标。

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);
}

在showPosition()函数中，可以通过position.coords.latitude和position.coords.longitude来获取当前位置的纬度和经度。

这样，当用户点击按钮时，就会弹出一个包含当前位置坐标的弹窗。

请注意，为了能够获取用户的位置信息，需要在浏览器中允许访问位置信息。在大多数现代浏览器中，用户在第一次访问页面时会被要求授权访问位置信息。