1 获取地理位置信息:geolocation
支持地理位置相关API的浏览器中具有navigator.geolocation属性,该属性具有三个方法:
(1)获取当前位置信息
navigator.geolocation.getCurrentPosition()
(2)监视当前位置信息及及其变化,一旦位置信息发生变化则会调用指定的回调函数。
navigator.geolocation.watchPosition()
(3)取消监视
navigator.geolocation.clearWatch()
地理位置相关的API是异步的,因此getCurrentPosition()和watchPosition()需要接受相应的回调函数作为参数。除了成功/失败的回调函数外,还可以接受一个配置对象作为可选的第三个参数。该对象的属性指定了是否需要高精度的位置信息,过期时间等相关配置。如下示例:
function success(position) { var coords = position.coords; console.log('Your current position is ' + coords.latitude + ' X ' + coords.longitude); } function error(err) { console.warn('ERROR(' + err.code + '): ' + err.message); //err对象包含一些数字编码和文本信息: //1: 不允许获取相关信息 //2: 浏览器无法确定位置 //3: 发生超时 } var options = { enableHighAccuracy: true/false, //是否获取高精度位置信息 maximumAge: 300000, //设置位置信息过期时间,这里是5分钟过后,默认值为0,表示强制检查新的位置信息 timeout: 15000 //设置请求超时时间,这里为15秒,默认值为无限长,即永不超时 } navigator.geolocation.getCurrentPosition(success, error, options);
上例中,成功的回调函数里面拥有一个position参数,它是一个对象,包含了当前位置的相关信息,如经度(position.coords.latitude)、纬度(position.coords.longitude)、精度值(position.coords.accuracy),有时还可能包含海拔(position.coords.altitude),速度(position.coords.speed),方向(position.coords.heading)等信息。
相关推荐
HTML5定位技术,用于手机应用,网页的定位技术,和地图结合的很好,应该适当些时髦的技术
HTML5 Geolocation
HTML5的地理定位功能演示
基于HTML5_Geolocation_考勤管理系统.doc
HTML5Geolocation-英文原版.zip
主要介绍了Html5 Geolocation获取地理位置信息实例,具有一定的参考价值,有兴趣的同学可以了解一下。
Seeker:利用HTML5,Javascript,JQuery和PHP以高精度获取设备信息和GeoLocation
基于HTML5Geolocation考勤管理系统方案.doc
HTML5 Geolocation(地理定位) HTML5 Geolocation(地理定位)用于定位用户的位置。 定位用户的位置 HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户...
为了顺应这个潮流,HTML5为我们提供了Geolocation库,有了它我们就能够在Web应用中轻而易举地实现上述这些功能。那么今天我就为大家介绍一下这个库的使用。 基本用法 首先,我们可以从浏览器的navigator对象中通过...
Geolocation是HTML5标准下的一个Web API,利用它可以获取设备的当前位置信息(坐标),本篇文章主要介绍了三个方法,非常具有实用价值,需要的朋友可以参考下
作为 HTML 演变的一部分而提供的新 API 之一是地理定位。 这是浏览器根据实际 GPS 数据、ISP、IP 地址或 Wi-Fi 网络返回设备纬度和经度的能力。 参考 CODEPEN ##Links 以帮助进行地理定位 以下是一些包含HTML5 地理...
12【深入学习】HTML5.Geolocation地理定位视频教程(英语) ===2:书籍教程资料 + 源代码=== 01《HTML5高级程序设计》完整PDF版本(含范例及代码)独家.zip 02《HTML5揭秘》高清PDF版本——(中英双语版)独家.zip ...
html开发
html5入门代码大全(源码) 包含audio、video、canvas 、communication、forms、geolocation、intro、offline、storage、websocket、workers
《HTML5高级程序设计》由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用WebSocket、Geolocation、WebStorage、Carlvas及音频视频等...
geolocation地理定位
This concise book demonstrates the W3C Geolocation API in action, with code and examples to help you build HTML5 apps using the "write once, deploy everywhere" model. Along the way, you get a crash ...
本小菜刚开始学习HTML5,现在对其中的Geolocation颇感兴趣,结合Google Map的API实现基本的地图定位功能主要是由以下几个步骤:获取当前地理位置、调用Google Map API获取当前位置信息