HTML5 地理定位（ Geolocation）——0711

最新推荐文章于 2024-09-12 10:14:05 发布

daisy0328

最新推荐文章于 2024-09-12 10:14:05 发布

阅读量780

点赞数

分类专栏： web前端文章标签： javascript

本文链接：https://blog.csdn.net/daisy0328/article/details/107350524

版权

web前端专栏收录该内容

72 篇文章 0 订阅

订阅专栏

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

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

该API 在谷歌浏览器使用无效。

如何使用地理定位？
使用getCurrentPosition() 方法来获得用户的位置。该方法有两个参数，第一个参数为showPosition ，可返回用户位置的经度和纬度；第二个参数为showError，用于处理错误。它规定当获取用户位置失败时运行的函数。

以下为用法示例：

<span id="demo"></span>
<script>
    var x = document.getElementById("demo");
    window.onload=function(){
        getLocation();
    };
    function getLocation() {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(showPosition, showError);
        }
        else {
            x.innerHTML = "该浏览器不支持获取地理位置。";
        }
    }
	//使用地理定位
    function showPosition(position) {
        x.innerHTML = "纬度: " + position.coords.latitude +
                "<br>经度: " + position.coords.longitude;
    }
    //处理错误和拒绝
    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;
        }
    }
</script>