使用HTML5 获取位置
来源:互联网 发布:嗟乎时运不齐命途多舛 编辑:程序博客网 时间:2024/06/05 14:21
1. 使用navigator.Geolocation对象
首先判断是否支持
if(navigator.Geolocation){
alert("支持位置对象")
} else {
alert("不支持")
}
2. Geolocation API存在于navigator对象中,
只包含3个方法:
1、getCurrentPosition //当前位置
2、watchPosition //监视位置
3、clearWatch //清除监视
getCurrentPosition(success,error,option)方法最多可以有三个参数:
第一个参数是成功获取位置信息的回调函数,它是方法唯一必须的参数;
第二个参数用于捕获获取位置信息出错的情况,
第三个参数是配置项。
[例子]
navigator.geolocation.getCurrentPosition( function(p) {
var map="维度"+p.coords.latitude+"经度"+p.coords.longitude;
alert(var);
});
其他属性:
p.address.country
p.address. region
p.address.cityp.coords.accuracy准确角
p.coords.altitude海拔高度
p.coords.altitudeAcuracy海拔高度的精确度
p.coords.heading行进方向
p.coords.speed地面的速度
出错处理navigator.geolocation.getCurrentPosition(… , function(error){
switch(error.code){
case error.TIMEOUT :
alert( " 连接超时,请重试 " );
break;
case error.PERMISSION_DENIED :
alert( " 您拒绝了使用位置共享服务,查询已取消 " );
break;
case error.POSITION_UNAVAILABLE :
alert( " ,抱歉,暂时无法为您所在的星球提供位置服务 " );
break;
}
});
参数设置:navigator.geolocation.getCurrentPosition(… , … , option);
option配置项,第三个参数是一个对象,该对象影响了获取位置时的一些细节。
enableHighAccuracy ,它将告诉浏览器是否启用高精度设备,所谓的高精度设备包含但不局限于前面所提到的GPS和WIFI,值为true 的时候,浏览器会尝试启用这些设备,默认指为true。
timeout,超时,获取位置信息时超出设定的这个时长,将会触发错误,捕获错误的函数将被调用,并且错误码指向TIMEOUT。
这样我们尝试修改调用 getCurrentPosition时传递的参数
watchPosition与clearWatch有点像setInterval和clearInterval的工作方式。
varwatchPositionId =navigator.geolocation.watchPosition(success_callback,error_callback, options);
navigator.geolocation.clearWatch(watchPositionId );
- 使用HTML5 获取位置
- HTML5获取位置信息
- HTML5 - 使用Geolocation(地理定位)获取用户的位置
- HTML5 GeoLocation 获取你的实时位置
- html5 获取你的位置信息
- 使用html5定位经纬度然后用百度api获取城市等位置信息
- html5使用js确定用户坐标位置
- android使用GPS获取位置
- 使用phonegap获取位置信息
- html5(移动端)触摸点位置获取
- html5 移动端获取触摸点位置学习笔记
- html5获取当前用户gps位置、获取用户IP地址并获取ip所在位置
- 使用phonegap定时获取位置信息
- 使用百度api根据ip获取位置
- appium使用uiautomatorviewer获取APP控件位置
- 使用js获取鼠标位置坐标
- 利用HTML5定位功能获取经纬度,在根据经纬度利用百度地图获取位置信息
- Android获取当前位置,推荐使用百度地图SDK获取位置
- poj1017 packets
- 流式管理器FlowLayout
- php封装json通信接口
- android 开源组件合集-UI篇
- 幂取模
- 使用HTML5 获取位置
- CMake入门指南
- 【Objective-C】语法(二)带有参数的方法定义
- 【笔记-安全】公私钥、数字证书
- Kinetis MCU GPIO 使用
- 【HEVC学习与研究】1、HEVC概览(1)
- google host 2014
- Android Google In APP Billing 刪除測試物品 android.test.Purchase 筆記
- Visual Studio 第三方控件