孙肖宁

html5获取地理信息
常见获取地理信息的方式有:IP地址,三维坐标(GPS,wifi,手机信号)用户自定义数据)浏览器会自动以最优方式去...
扫描右侧二维码阅读全文
12
2018/07

html5获取地理信息

常见获取地理信息的方式有:IP地址,三维坐标(GPS,wifi,手机信号)用户自定义数据)浏览器会自动以最优方式去获取用户地理信息。HTML5 Geolocation(地理位置定位) 规范提供了一套保护用户隐私的机制。必须先得到用户明确许可,才能获取用户的位置信息。
常用的API
navigator.getCurrentPosition(successCallback, errorCallback, options) 获取当前地理信息
navigator.watchPosition(successCallback, errorCallback, options) 重复获取当前地理信息
注意:
1、当成功获取地理信息后,会调用succssCallback,并返回一个包含位置信息的对象positionCoords(坐标)
position.coords.latitude纬度
position.coords.longitude经度
2、当获取地理信息失败后,会调用errorCallback,并返回错误信息error
3、可选参数 options 对象可以调整位置信息数据收集方式

附录:获取位置的代码

<script>
    if (navigator.geolocation){
        navigator.geolocation.getCurrentPosition(successCallback,errorCallback);
    }else {
        console.log('浏览器不支持定位');
    }
    function successCallback(position) {
        var wd = position.coords.latitude;
        var jd = position.coords.longitude;

        console.log("获取用户信息成功");
        console.log(wd+'--'+jd);

    }
    function errorCallback(error) {
        console.log(error);
        console.log('获取用户位置失败');
    }
</script>
Last modification:July 12th, 2018 at 02:53 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment