地理定位是HTML5中新增的API特性,它允许JavaScript程序向浏览器询问用户真实的地理位置。
方法:
navigator.geolocation.getCurrentPosition() 获取用户当前的位置。该方法需要接受一个回调函数作为参数,如果这个方法成功则返回的地理数据对象,该对象包含了用户地理位置的信息,信息内容大概为:
coords.latitude 用户地理位置的十进制纬度
coords.longitude 用户地理位置的十进制经度
coords.accuracy 用户地理位置的 位置精度 以米为单位
coords.altitudeAccuracy 用户地理位置的 位置海拔精度 以米为单位
coords.heading 用户设备当前移动的角度方向,以正北方向顺时针计算。
coords.speed 用户当前的 移动速度 以米为单位
timestamp 响应的时间/日期
navigator.geolocation.getCurrentPosition()和 navigator.geolocation.watchPosition()这两个方法通过接收两个参数: 第一个参数是一个回调函数,即当这个方法请求成功时,就会调用这个回调函数,这个回调函数包含了用户位置的信息。也就是 回调函数的参数对象可以访问这些位置信息。 第二个参数是在这两个方法失败时调用的回调函数。
<p id="demo">获得坐标:</p>
<button onclick="getLocation()">单击我,查看坐标</button>
<script>
function getLocation(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}else{
x.innerHtml = '这个浏览器不支持'
}
}
function showPosition(position){
x.innerHtml = '纬度:' + position.coords.latitude + "<br />经度:" + position.coords.longitude;
}
</script>
网友评论