获取用户地理位置

Posted 2020-09-25 haonanElva

1、利用h5 属性获取用户地理位置

　　h5的新增属性是支持用户获取地理位置的特别是手机，支持的情况会更好。具体写法如下

// 定位功能
            getLocation () {
                if (navigator.geolocation) {
                    navigator.geolocation.getCurrentPosition(showPosition, showError);
                } else {
                    alert(‘浏览器不支持地理定位。‘);
                }
            },
　　　　　　// 定位成功
            showPosition (position) {
                var lat = position.coords.latitude;
                // 纬度
                var lag = position.coords.longitude;
                // 经度
                alert(‘纬度:‘ + lat + ‘,经度:‘ + lag);
            },
　　　　　　// 处理失败
            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;
                }
            }

只需要这三个函数便可以了。执行

getLocation () 
这个函数便可以获取经纬度了