HTML5地理位置概述和对象的详解

2019-04-1307:39:15网页制作Comments2,407 views字数 2143阅读模式

一、地理位置文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　经度  :   南北极的连接线文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　纬度  :   东西连接的线文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

二、位置信息从何而来文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　IP地址文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　GPS全球定位系统文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　Wi-Fi无线网络文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　基站文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

三、地理位置对象（）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　– 单次定位请求  ：getCurrentPosition(请求成功，请求失败，数据收集方式)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　–请求成功函数文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»经度 :文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»纬度 :文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»准确度 :文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»海拔 :文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»海拔准确度 :  Acuracy文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»行进方向 :文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»地面速度 :文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»时间戳 : new Date()文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　– 请求失败函数文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»失败编号  ：code文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　　　»0  :  不包括其他错误编号中的错误文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　　　»1  :  用户拒绝浏览器获取位置信息文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　　　»2  :  尝试获取用户信息，但失败了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　　　»3  :   设置了timeout值，获取位置超时了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　–数据收集 :  json的形式文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»enableHighAcuracy  :  更精确的查找，默认false文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»timeout  :  获取位置允许最长时间，默认infinity文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»maximumAge :  位置可以缓存的最大时间，默认0文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

<script>//LBS : 基于地图信息的应用window.onload =function(){
    var oInput = ('input1');
    var oT = ('t1');
    
    oInput.onclick =function(){
        
        .getCurrentPosition(function(position){
            
            oT.value +='经度:'+ position.+'\n';
            oT.value +='纬度 :'+ position.+'\n';
            oT.value +='准确度 :'+ position.+'\n'; //就是经度和纬度的准确度，没什么用处            oT.value +='海拔 :'+ position.+'\n';
            oT.value +='海拔准确度 :'+ position.Acuracy+'\n';
            oT.value +='行进方向 :'+ position.+'\n';   //移动设备上才有用，PC不支持            oT.value +='地面速度 :'+ position.+'\n';        //移动设备上才有用，PC不支持            oT.value +='时间戳:'+new Date()+'\n';
        },function(err){
            alert(  );// // 失败所对应的编号            
        },{
            enableHighAcuracy : true,
            timeout : 5000,
            maximumAge : 5000//每次请求定位的时候，如果不超过这个设置的时间，那么就不重新请求定位，而是用缓存        });
        
    };
};
</script></head><body><input type="button" value="请求" id="input1"/><br /><textarea id="t1" style="width:400px; height:400px; border:1px #000 solid;"></textarea></body>

　　–多次定位请求  :  watchPosition(像setInterval)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»移动设备有用，位置改变才会触发文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

　　　　»配置参数：frequency 更新的频率文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

 　　–关闭更新请求  :  clearWatch(像clearInterval)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html

<script>//LBS : 基于地图信息的应用
window.onload =function(){
    var oInput = ('input1');
    var oT = ('t1');
    
    var timer =null;
    
    oInput.onclick =function(){
        
        timer = .watchPosition(function(position){  //多次定位请求，返回一个id，通过这个id清除多次定位请求            
            oT.value +='经度:'+ position.+'\n';
            oT.value +='纬度 :'+ position.+'\n';
            oT.value +='准确度 :'+ position.+'\n';
            oT.value +='海拔 :'+ position.+'\n';
            oT.value +='海拔准确度 :'+ position.Acuracy+'\n';
            oT.value +='行进方向 :'+ position.+'\n';
            oT.value +='地面速度 :'+ position.+'\n';
            oT.value +='时间戳:'+new Date()+'\n';
            
        },function(err){
            alert(  );// 失败所对应的编号            .clearWatch(timer);//通过多次定位请求返回的id关闭更新请求            
        },{
            enableHighAcuracy : true,
            timeout : 5000,
            maximumAge : 5000,
            frequency : 1000//更新的频率(多次定位请求的频率)        });
        
    };
    
};
</script></head><body><input type="button" value="请求" id="input1"/><br /><textarea id="t1" style="width:400px; height:400px; border:1px #000 solid;"></textarea></body>
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/11331.html
  • 本站内容整理自互联网，仅提供信息存储空间服务，以方便学习之用。如对文章、图片、字体等版权有疑问，请在下方留言，管理员看到后，将第一时间进行处理。
  • 转载请务必保留本文链接：https://www.cainiaoxueyuan.com/zhizuo/11331.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定