那一抹温暖的阳光,是我们永恒的向往。
www.webbar.cn

【HTML+CSS基础】HTML5地理位置

【HTML+CSS基础】HTML5地理位置

<!doctype html>
<html>
<head>
<meta charset=”UTF-8″>
<title>地理位置</title>
</head>
<body>
<script type=”text/javascript”>
//地理位置 navigator.geolocation
//用户位置 navigator.geolocation.getCurrentPosition();
//用户当前位置 navigator.geolocation.watchPosition();
//停止当前位置获取 navigator.geolocation.clearWatch();
function getLocation(){
//是否支持地理位置
if(navigator.geolocation){
function fnCall(str){
//成功 str.coords
//{纬度:latitude,经度:longitude,海拔:altitude,精确度:accuracy,海拔精 度:altitudeAccuracy,方向:heading,速度:speed(m/s),响应日期:str.timestamp}
console.log(str.coords);
}
function fnError (str){
//失败 函数可选 str.code
switch (str.code){
case 1:
console.log(“用户不允许!”);
break;
case 2:
console.log(“连不上GPS或断网!”);
break;
case 3:
console.log(“超时!”);
break;
default : //0 未知错误
break;
}
}
navigator.geolocation.getCurrentPosition(fnCall, fnError, oCallLocation);
var oCallLocation = {enableHighAccuracy:true, maximumAge:600, timeout:100};//enableHighAccuracy:是否高精度,maximumAge:缓存,timeout:延时
}
}
getLocation();
</script>
</body>
</html>

 

 

时间:2014-04-03
分类:HTML , 前端开发
标签:

Comments are closed.

Search