html5新特性 - 地理定位geolocation学习

Html5新特性-地理定位geolocation
用于定位用户的位置。

window.navigator.geolocation {
    
    
    getCurrentPosition:fn,
    watchPosition:fn,
    clearWatch:fn
}

获取用户定位信息

window.navigator.geolocation.getCurrentPosition(function(pos){
    
    
    console.log(“获取成功”);
    // pos.coords.longitude 经度
    // pos.coords.latitude  维度
    // pos.coords.altitude  海拔
    // pos.coords.speed    速度
},function(err){
    
    
    console.log(‘用户定位数据获取失败’);
});

示例：

function geolocationSupport(){
    
    
    if(!navigator.geolocation){
    
    
        window.alert('不支持');
    }else{
    
    
        getCurrentPosition();
    }
}
function getCurrentPosition(){
    
    
    var options = {
    
    
        enableHighAccuracy:true,
        timeout:60000,
        maximumAge:60000
    }
    navigator.geolocation.getCurrentPosition(success,error,options);
}
function success(position)
{
    
    
    console.log(position);
    var x=position.coords.longitude;
    var y=position.coords.latitude;
    alert("经度为:"+x+"纬度为:"+y+"海拔："+position.coords.altitude+"速度"+position.coords.speed);
}
function error(err)
{
    
    
    var errorTypes={
    
    
        1:"用户拒绝定位服务",
        2:"获取不到定位信息",
        3:"获取定位信息超时"
    }
    alert(errorTypes[err.code]);
}
window.onload = geolocationSupport();