温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML5地理定位处理错误和拒绝得方法

发布时间:2022-03-15 16:27:18 来源:亿速云 阅读:694 作者:iii 栏目:web开发

本文小编为大家详细介绍“HTML5地理定位处理错误和拒绝得方法”,内容详细,步骤清晰,细节处理妥当,希望这篇“HTML5地理定位处理错误和拒绝得方法”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

    处理错误和拒绝

    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;

    }

}

    错误代码:

    Permissiondenied-用户不允许地理定位

    Positionunavailable-无法获取当前位置

    Timeout-操作超时

    在地图中显示结果

    如需在地图中显示结果,您需要访问可使用经纬度的地图服务,比如谷歌地图或百度地图:

    实例

function showPosition(position)

{

    var latlon=position.coords.latitude+","+position.coords.longitude;

    var img_url="http://maps.googleapis.com/maps/api/staticmap?center="

    +latlon+"&zoom=14&size=400x300&sensor=false";

    document.getElementById("mapholder").innerHTML="<img src='"+img_url+"'>";

}

读到这里,这篇“HTML5地理定位处理错误和拒绝得方法”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI