美文网首页
H5 API-地理位置

H5 API-地理位置

作者: 嘉熙i | 来源:发表于2018-04-09 11:42 被阅读0次
    # 地理位置 Geolocation API
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(locationSuccess, locationError,{
            // 指示浏览器获取高精度的位置,默认为false
            enableHighAccuracy: true,
            // 指定获取地理位置的超时时间,默认不限时,单位为毫秒
            timeout: 50000,
            // 最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。
            maximumAge: 30000
        });
    }else{
        alert("您的浏览器不支持地理定位。");
    }
    //成功时执行的回调函数
    function locationSuccess(position){
        var coords = position.coords;
        console.log(coords);
        coords.latitude,// 维度
        coords.longitude // 精度
        coords.latitude;//十进制数的纬度
        coords.longitude;//十进制数的经度
        coords.accuracy;位置精度
        coords.altitude;//海拔,海平面以上以米计
        coords.altitudeAccuracy;//位置的海拔精度
        coords.heading;//方向,从正北开始以度计
        coords.speed;//速度,以米/每秒计
    }
    //失败时执行的回调函数
    function locationError(error){
        switch(error.code) {
            case error.TIMEOUT:
                console.log('超时了');
                break;
            case error.POSITION_UNAVAILABLE:
                console.log('获取地理位置失败!');
                break;
            case error.PERMISSION_DENIED:
                console.log('填写的地理位置有误!');
                break;
            case error.UNKNOWN_ERROR:
                console.log('未知错误!');
                break;
        }
    }
    
    

    相关文章

      网友评论

          本文标题:H5 API-地理位置

          本文链接:https://www.haomeiwen.com/subject/ciobhftx.html