地理信息

1、移动端
用到地理信息的应用:
社交 微信 微博 陌陌 QQ
团购 美团 外卖 滴滴 优步
大数据——分析
2、定位原理
phone GPS
pc IP地址
3、获取具体失败原因
ev.code 错误代码
0 未知错误
1 用户拒绝
2 获取失败 goole api
3 超时
ev.message 错误信息描述

    1.设备是否支持
        if(navigator.geolocation){
            alert('此设备支持');
        }else{
            alert('此设备不支持');
        }
    2.获取位置
        if(navigator.geolocation){
            navigator.geolocation.getCurrentPosition(fn,fn);
        }else{
            alert('此设备不支持');
        }
    3.获取信息
        alert(ev.coords);
        alert(ev.coords.longitude);         //经度
        alert(ev.coords.latitude);          //纬度
        alert(ev.coords.accuracy);          //精确度 少于60不可用
        alert(ev.coords.altitude);          //海拔高度
        alert(ev.coords.altitudeAccuracy);  //海拔精确度
        alert(ev.coords.heading);       //朝向
        alert(ev.coords.speed);             //速度

eg:

if(navigator.geolocation){
    navigator.geolocation.getCurrentPosition(function (ev){
        document.write( 
            '经度:'+ev.coords.longitude+'<br />'+
            '纬度:'+ev.coords.latitude+'<br />'+
            '精确度:'+ev.coords.accuracy+'<br />'+
            '海拔高度:'+ev.coords.altitude+'<br />'+
            '海拔精确度:'+ev.coords.altitudeAccuracy+'<br />'+
            '朝向:'+ev.coords.heading+'<br />'+
            '速度:'+ev.coords.speed+'<br />' 
        );
    },function (ev){
        alert('失败:'+ev.code+'=>'+ev.message);
    });
}else{
    alert('此设备不支持');
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • navigator.geolocation.getCurrentPosition(function(ev){ale...
    张chuner阅读 540评论 0 3
  • 一、地址位置 经度: 南北的连接线 维度: 东西的连接线 二、位置信息从哪里获取? IP地址 GPS全球定位系统 ...
    EndEvent阅读 330评论 0 0
  • 地理位置 经度和纬度地理位置对象navigator.geolocation 1、 getCurrentPositi...
    飞飞廉阅读 481评论 0 0
  • banner由哪些部分组成? (1)、背景 背景由哪些部分组成? 创意:大背景里面套小背景 1、颜色 纯色、渐变、...
    youyeath阅读 235评论 0 2
  • 此刻,我想提及的忘年之交,发生在我和母亲之间!很久没有和母亲躺在一张床上,侧着身,在黑暗中畅谈彼此的故事…… ...
    半夏微凉的世界阅读 195评论 0 0