可根据获取到的经纬度查询到所在的地理位置。
<p><button onclick="geoFindMe()">Show my location</button></p>
<div id="out"></div>
<script>
function geoFindMe() {
var output = document.getElementById("out");
output.innerHTML = "<p>Locating…</p>";
if ("geolocation" in navigator) {
/* 地理位置服务可用 */
navigator.geolocation.getCurrentPosition(success, error);
} else {
/* 地理位置服务不可用 */
output.innerHTML = "<p>地理位置服务不可用</p>";
}
// 成功调用
function success(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
output.innerHTML = "经度:" longitude "<br/>纬度:" latitude;
}
// 失败调用
function error() {
output.innerHTML = "无法获取您的位置";
}
}
</script>
更多专业前端知识,请上 【猿2048】www.mk2048.com