HTML5 Geolocation API 用于获得用户的地理位置。
开始上代码!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>物理定位</title>
</head>
<body>
<p id="demo">点击按钮获取您当前坐标(可能需要比较长的时间获取):</p>
<button onclick="getLocation()">点我</button>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.watchPosition(showPosition);
}
else
{
x.innerHTML="该浏览器不支持获取地理位置。";
}
}
function showPosition(position)
{
x.innerHTML="纬度: " + position.coords.latitude +
"<br>经度: " + position.coords.longitude ;
}
</script>
</body>
</html>
附件:
另外,有一个非常好的网站适合新手:菜鸟学堂http://edu.jb51.net