HTML5 Geolocation API 获取用户当前位置教程

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

在HTML文件的标签中添加如下代码，以请求用户的位置权限：

<script>
    function getLocation() {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(showPosition);
        } else {
            console.log('Geolocation is not supported by this browser.');
        }   
    }

    function showPosition(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        console.log('Latitude: ' + latitude + ' Longitude: ' + longitude);
    }
</script>

在标签中添加一个按钮或其他触发事件的元素，调用getLocation()函数：

<button onclick="getLocation()">获取当前位置</button>

当用户点击按钮后，浏览器会弹出请求用户位置权限的提示框。用户允许后，会调用showPosition()函数，并传递一个位置对象给它。
在showPosition()函数中，可以通过position.coords.latitude和position.coords.longitude获取到用户的纬度和经度，并进行相应的处理。

通过上述步骤，就可以利用HTML5的Geolocation API获取用户的当前坐标位置。