[HTML5]HTML5地理定位Geolocation来定位用户的位置

HTML5 Geolocation（地理定位）用于定位用户的位置。

定位用户的位置

HTML5 Geolocation API 用于获得用户的地理位置。

鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。

浏览器支持

Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation（地理定位）.

注意: Geolocation（地理定位）对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。

HTML5 - 使用地理定位

请使用 getCurrentPosition() 方法来获得用户的位置。

下例是一个简单的地理定位实例，可返回用户位置的经度和纬度:

var x=document.getElementById("demo"); 
function getLocation() 
{ 
    if (navigator.geolocation) 
    { 
        navigator.geolocation.getCurrentPosition(showPosition); 
    } 
    else 
    { 
        x.innerHTML="酷播cuplayer.com提示：该浏览器不支持获取地理位置。"; 
    } 
} 
 
function showPosition(position) 
{ 
    x.innerHTML="酷播cuplayer.com提示：纬度: " + position.coords.latitude + 
    "<br>酷播cuplayer.com提示：经度: " + position.coords.longitude;     
}  

实例解析:

• 检测是否支持地理定位
• 如果支持，则运行 getCurrentPosition() 方法。如果不支持，则向用户显示一段消息。
• 如果getCurrentPosition()运行成功，则向参数showPosition中规定的函数返回一个coordinates对象
• showPosition() 函数获得并显示经度和纬度

上面的例子是一个非常基础的地理定位脚本，不含错误处理。

处理错误和拒绝

getCurrentPosition() 方法的第二个参数用于处理错误。它规定当获取用户位置失败时运行的函数：

function showError(error) 
{ 
    switch(error.code) 
    { 
        case error.PERMISSION_DENIED: 
            x.innerHTML="用户拒绝对获取地理位置的请求。" 
            break; 
        case error.POSITION_UNAVAILABLE: 
            x.innerHTML="位置信息是不可用的。" 
            break; 
        case error.TIMEOUT: 
            x.innerHTML="请求用户地理位置超时。" 
            break; 
        case error.UNKNOWN_ERROR: 
            x.innerHTML="未知错误。" 
            break; 
    } 
}  

错误代码：

• Permission denied - 用户不允许地理定位
• Position unavailable - 无法获取当前位置
• Timeout - 操作超时