HTML5中应用geolocation API获取用户的位置
日期：2014-05-17 浏览次数：20570 次
HTML5中使用geolocation API获取用户的位置
下面的例子展示了如何在在HTML5中通过geolocation API 获取用户的位置（经度，纬度）。
?
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function body_onLoad() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(geo_onSuccess, geo_onError);
} else {
geo_onError();
}
}
function geo_onSuccess(pos) {
document.getElementById("timestamp").innerHTML = new Date().toLocaleString();
document.getElementById("accuracySpan").innerHTML = pos.coords.accuracy;
document.getElementById("altitudeSpan").innerHTML = pos.coords.aktitude;
document.getElementById("altitudeAccuracySpan").innerHTML = pos.coords.altitudeAccuracy;
document.getElementById("headingSpan").innerHTML = pos.coords.heading;
document.getElementById("latitudeSpan").innerHTML = pos.coords.latitude;
document.getElementById("longitudeSpan").innerHTML = pos.coords.longitude;
document.getElementById("speedSpan").innerHTML = pos.coords.speed;
}
function geo_onError() {
alert("Unable to get latitude/longitude, or browser does not support geolocation API.");
}
</script>
</head>
<body onload="body_onLoad();">
<h1>navigator.geolocation</h1>
<table>
<tr>
<th>accuracy:</th>
<td><span id="accuracySpan"></span></td>
</tr>
<tr>
<th>altitude:</th>
<td><span id="altitudeSpan"></span></td>
</tr>
<tr>
<th>altitudeAccuracy:</th>
<td><span id="altitudeAccuracySpan"></span></td>
</tr>
<tr>
<th>heading:</th>
<td><span id="headingSpan"></span></td>
</tr>
<tr>
<th>latitude:</th>
<td><span id="latitudeSpan"></span></td>
</tr>
<tr>
<th>longitude:</th>
<td><span id="longitudeSpan"></span></td>
</tr>
<tr>
<th>speed:</th>
<td><span id="speedSpan"></span></td>
</tr>
</table>
<p id="timestamp"/>
</body>
</html>
?
源码下载：
?
determining-the-users-location.zip
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
