<!DOCTYPE html>
<html>
<head>
<title>Location</title>
<meta charset="utf-8">
</head>
<body>
<input type="button" id="btnLocation" value="获取位置信息">
</body>
<script src="jquery.min.js"></script>
<script type="text/javascript">
//检测是否支持地理信息
function isSupportGeo(){
return (navigator.geolocation!=null);
}
//绑定click事件
$("#btnLocation").click(function () {
if(!isSupportGeo()){
alert("浏览器不支持地理位置信息定位!");
}else{
navigator.geolocation.getCurrentPosition(doSucc,doFail);
}
});
//处理成功
function doSucc(position) {
//alert("成功获取地理信息!");
alert("经度:"+position.coords.longitude+"纬度:"+position.coords.latitude);
}
//处理失败
function doFail(error) {
alert("获取地理信息失败!");
}
</script>
</html>