H5 API-地理位置

# 地理位置 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;
    }
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML5 Geolocation API,它允许用户在 web 应用程序中共享他们的的位置,使其能够享受位置感知...
    linda102阅读 2,212评论 0 1
  • 1. JS地理位置api介绍 2. JS具体实现 3. 使用百度地图 1. JS地理位置api介绍 navigat...
    5c8e2a880aa7阅读 6,269评论 0 3
  • HTML5 Geolocation API是新增的地理位置应用程序接口。它提供了一个可以准确感知浏览器用户当前地理...
    kylelin阅读 3,813评论 7 11
  • 今天是我和王先森认识一个月的日子到现在都没想明白明明是刚认识没多久的人怎么合拍的就像认识了很久一样大概这就是命中注...
    SundayT阅读 448评论 1 1
  • 白书瑜恨透了目前自己的状况,每天不是背英语就是王后雄,这让他焦躁,有一阵他认为自己已经产生了反社会人格,可当他这么...
    泗安阅读 292评论 0 0

友情链接更多精彩内容