如何使用HTML5地理位置API获取用户位置？
HTML5地理位置API可以用来获取用户的位置信息，以下是一些简单的代码来演示如何使用该API：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Geolocation Example</title>
</head>
<body>
<p>Click the button to get your coordinates:</p>
<button onclick="getLocation()">Get My Location</button>
<div id="demo"></div>
<script>
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
document.getElementById("demo").innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
document.getElementById("demo").innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
</body>
</html>上面的代码中，我们首先检查当前浏览器是否支持HTML5地理位置API。如果支持，我们调用getCurrentPosition()方法来获取用户的位置信息，并将其传递给showPosition()方法进行处理。
在showPosition()方法中，我们从position对象中获取用户的纬度和经度信息，并将其显示在页面上。
需要注意的是，获取用户位置信息需要用户授权，因此在实际应用中，我们应该先判断用户是否已经授权，并给出相应的提示信息。
关键词高亮
getCurrentPosition()方法showPosition()方法