HTML 5 基础教程

HTML是超文本标记语言，是一种专门用来制作网页的语言，而HTML5就是它的第五个版本，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成，该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能，同时也给我们开发者带来了更多的开发选择，学习它是每个前端开发者必修的课程。

W3CAPI

2020-06-15 06:59:35

文档目录

我的书签

请登录

HTML5 Geolocation （地理定位）使用方法

如下为使用 Geolocation 来实现地理定位的代码逻辑：

检测浏览器是否支持地理定位：判断 navigator.geolocation 是否存在
如果支持，则运行 Geolocation 对象的 getCurrentPosition() 方法：navigator.geolocation.getCurrentPosition(showPosition,showError)。如果不支持，则向用户显示一段消息
如果 getCurrentPosition() 运行成功，则会回调 showPosition函数，并向 showPosition函数传入 coordinates 对象
showPosition() 函数根据传入的 coordinates 对象来获得并显示经度和纬度
如果 getCurrentPosition() 运行失败，则会回调 showError 函数，并向 showError函数传入错误代码

function getLocation()  {
    if (navigator.geolocation)  {
        navigator.geolocation.getCurrentPosition(showPosition,showError);
    } else {
        alert("您的浏览器不支持 Geolocation！");
    }
}
function showPosition(position)  {
    alert("Latitude: " + position.coords.latitude + "<br />Longitude: " + position.coords.longitude);
}
function showError(error)  {
    switch(error.code) {
        case error.PERMISSION_DENIED:
            alert("用户不允许地理定位");
            break;
        case error.POSITION_UNAVAILABLE:
            alert("无法获取当前位置");
            break;
        case error.TIMEOUT:
            alert("获取位置超时");
            break;
        case error.UNKNOWN_ERROR:
            alert("未知的错误");
            break;
    }
}

作者文档