HTML5地理位置概述和对象的详解
一、地理位置
经度 : 南北极的连接线
纬度 : 东西连接的线
二、位置信息从何而来
IP地址
GPS全球定位系统
Wi-Fi无线网络
基站
三、地理位置对象()
– 单次定位请求 :getCurrentPosition(请求成功,请求失败,数据收集方式)
–请求成功函数
»经度 :
»纬度 :
»准确度 :
»海拔 :
»海拔准确度 : Acuracy
»行进方向 :
»地面速度 :
»时间戳 : new Date()
– 请求失败函数
»失败编号 :code
»0 : 不包括其他错误编号中的错误
»1 : 用户拒绝浏览器获取位置信息
»2 : 尝试获取用户信息,但失败了
»3 : 设置了timeout值,获取位置超时了
–数据收集 : json的形式
»enableHighAcuracy : 更精确的查找,默认false
»timeout : 获取位置允许最长时间,默认infinity
»maximumAge : 位置可以缓存的最大时间,默认0
<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)
»移动设备有用,位置改变才会触发
»配置参数:frequency 更新的频率
–关闭更新请求 : clearWatch(像clearInterval)
<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>
THE END