html定位的坐标包括,HTML5 Geolocation(地理定位)用于定位用户的位置。

window.navigator.geolocation对象存在3个方法:

1. getCurrentPosition 获取当前地理位置

2. watchPosition 监视位置信息

3. clearWatch 停止获取位置信息

1 浏览器支持情况

浏览器

说明

IE

通过gears插件支持

FireFox

3.5及以上版本支持

Opera

10及以上版本支持

Chrome

2.0及以上版本支持

Safari

4.0及以上版本支持

2 检测浏览器是否支持

function supportGeolocation(){

return 'geolocation' in navigator;

}

3 获取当前地理位置getCurrentPosition

这个getCurrentPosition(successCallback,onError,options)方法接受1个、2个或者3个参数。第1个参数为获取当前地理位置信息成功时所执行的回调函数,第2个参数为获取当前地理位置信息失败时所执行的回调函数,第3个参数为一些可选属性的列表。其中,第2、3个参数为可选参数。

navigator.geolocation.getCurrentPosition(function(position){

//TODO 获取成功时的处理

var timestamp = position.timestamp;

var coords = position.coords;

console.log(timestamp);

console.log(coords);

},function(error){

//TODO 获取失败时的处理

console.log(error);

},{

maximumAge: 0

});

第1个参数,在获取地理位置信息成功时执行的回调函数中,带有一个position参数,它是一个Geoposition对象。该对象有以下两个属性:

timestamp属性,时间戳。

coords属性,coords属性是一个Coordinates类型对象,包含下面这些属性:

1. accuracy 获取到的经度或纬度的精度(以米为单位)。

2. altitude 当前地理位置的海拔高度(不能获取时为null)。

3. altitudeAccuracy 获取到的海拔高度的精度(以米为单位)。

4. heading 设备的前进方向。用面朝正北方向的顺时针旋转角度来表示(不能获取时为null)。

5. latitude 当前地理位置的经度。

6. longitude 当前地理位置的纬度

7. speed 当前的前进速度(以米/秒为单位,不能获取时为null)。

第2个参数,在获取地理位置信息失败时执行的回调函数中,带有一个error参数,它是一个PositionError对象。该对象有以下两个属性:

code属性,可能值:

1. 当属性值为1时,表示用户拒绝了位置服务,"User denied Geolocation"。

2. 当属性值为2时,表示获取不到位置信息,"Timeout expired"。

3. 当属性值为3时,表示获取信息超时错误。

message属性

message属性值为一个字符串,包含了错误信息,这个错误信息在我们开发和调试时非常有用。

第3个参数是一个可选属性的列表,说明如下:

enableHighAccuracy属性,是否要求高精度的地理位置信息。

timeout属性,超时限制(单位为毫秒)。如果在该时间内未获取到地理位置信息,则返回错误。

maximumAge属性,对地理位置信息进行缓存的有效时间(单位为毫秒)。如果该值设为0,则每次都去重新获取地理位置信息。

4 监视地理位置信息watchPosition

使用watchPosition(successCallback,errorCallback,options)方法可以定期地获取用户地理位置信息。该方法使用方式与getCurrentPosition方法类似,这里就不再详细解释了。调用该方法会返回一个数字,这个数字与setInterval方法的返回值用法类似,可以被clearWatch方法使用,以停止对当前地理位置信息的监视.

5 停止获取位置信息clearWatch

使用clearWatch方法可以停止对当前用户地理位置信息的监视。用法如下:

navigator.geolocation.clearWatch(watchId);

参数watchId为调用watchPosition方法时的返回值。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5提供了获取地理位置以及定位的功能。通过Geolocation API可以访问用户位置信息,具体实现方式如下: 首先需要使用navigator.geolocation对象来获取位置信息。该对象包含三个属性:getCurrentPosition、watchPosition和clearWatch。getCurrentPosition方法可以获取用户的当前位置信息,watchPosition方法则可以实时监控用户位置的变化。clearWatch方法用于清除watchPosition的操作。 在获取地理位置信息之前需要判断浏览器是否支持Geolocation API,可以通过以下代码进行判断: if (navigator.geolocation) { // 支持Geolocation API } else { // 不支持Geolocation API } 获取用户位置信息的代码如下: navigator.geolocation.getCurrentPosition(function(position) { // 获取到位置信息后的处理操作 }, function(error) { // 获取位置信息失败的处理操作 }); 在该方法中可以添加两个回调函数,成功获取到位置信息后会调用第一个回调函数,否则会调用第二个回调函数。 定位则是通过GPS、WIFI等技术来获取用户所在的地理位置定位可以通过访问IP地址或者使用HTML5提供的Geolocation API实现。通过IP地址获取的精度一般不够高,而Geolocation API可以获得更加准确的地理位置信息。 总之,HTML5提供了非常方便的方式来获取用户位置信息和定位,使得开发者可以更加灵活地利用这些信息为用户提供更好的体验服务。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值