<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p id="demo"></p>
<button onclick="getLocation()">獲取經緯度</button>
</body>
<script>
var x=document.getElementById("demo");
var x2=document.getElementById("hideval");
function getLocation(){ //檢測是否支持地理定位 如果支持，則運行 getCurrentPosition() 方法。如果不支持，則向用戶顯示一段消息。
if (navigator.geolocation){//如果getCurrentPosition()運行成功， //則向參數showPosition中規定的函數返回一個coordinates對象
navigator.geolocation.getCurrentPosition(showPosition);
}else{
x.innerHTML="地理位置瀏覽器支持";
}
}
function showPosition(position){ //showPosition() 函數獲得並顯示經度和緯度
x.innerHTML="緯度: " + position.coords.latitude + "<br />經度: " + position.coords.longitude;
x2.innerHTML= +position.coords.latitude +","+position.coords.longitude;
}
</script>
</html>