HTML5 Geolocation(地理位置)

時間 2019-11-30

標籤 html5 html geolocation 地理位置欄目 HTML5 简体版

原文原文鏈接

HTML5 Geolocation(地理位置)、是用來定位用戶的位置的。javascript

HTML5 Geolocation API 用於得到用戶的地理位置，鑑於該特性可能侵犯用戶的隱私權，除非用戶贊成，不然不能獲取用戶的位置信息。css

請使用getCurrentPosition()方法來獲取用戶的地理位置信息html

提示：HTML5 Geolocation(地理位置)對於使用GPS的設備，對地理位置的定位更加精確：如：手機。java

實例：jquery

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<style type="text/css"></style>
<script type="text/javascript" src="Css/jquery-2.1.4.js"></script>
<script type="text/javascript"></script>
</head>
<body>
<p>點擊按鈕獲取您的地理位置信息(可能須要比較長的時間獲取):<span id="result"></span></p>
<button onclick="getLocation()">點擊按鈕</button>
<script>
var x = document.getElementById("result");
function getLocation() {
if (navigator.geolocation) {//檢測瀏覽器是否支持geolocation(地理位置)
navigator.geolocation.getCurrentPosition(showLocation,showError);//若是運行成功，則使用getCurrentLocation()方法的參數規定中的函數返回一個coordinates對象
}
else {
x.innerHTML = "Sorry!,您瀏覽器不支持HTML5的geolocation";//您瀏覽器不支持HTML5的geolocation
}
}
function showLocation(weizi) {//函數獲取地理位置的緯度和經度
x.innerHTML = "緯度：" + weizi.coords.lataitude + " <br />經度：" + weizi.coords.longitude;
}
function showError(error) {//函數獲取錯誤的信息
switch (error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="用戶拒絕對獲取地理位置的請求";
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML = "位置信息是不可用的";
break;
case error.TIMEOUT:
x.innerHTML = "請求用戶地理位置超時"
break;
case error.UNKNOWN_ERROR:
x.innerHTML = "未知錯誤"
break;
}
}
</script>
</body>
</html>git

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。