html5 Geolocation 地理定位_第1页
免费预览已结束,剩余1页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、html5 geolocation 地理定位一、geolocation 概述geolocation api 在网页中用法 geolocation 对象向javascript 提供经度和纬度。利用 geolocation 对象,可以猎取用户位置和跟踪用户位置的变幻。1.1 geolocation api 猎取地理位置的方式设备用法下列数据源: ip地址 - 任何地方可用,不精确 gps - 很精确,定位需要时光长,耗电大,室内效果不好,需要额外设备 wifi基站的mac地址 - 精确,可在室内用法,在无线接入点少的地方效果不好 gsm或cdma基站 - 相当精确,可在室内用法,在基站较少的地区效

2、果不好 为了用法更高的精确度,许多设备用法一个或更多的数据源组合。1.2 地理位置猎取流程: 用户打开需要猎取地理位置的web应用。 应用通过geolocation api 向扫瞄器哀求地理位置,扫瞄器拦截哀求,向用户哀求授权。 假设用户允许,扫瞄器从设备查询相关信息,如ip地址、wifi地址或gps坐标。 扫瞄器将相关信息发送给相信的外部定位服务器,服务器返回详细的地理位置。 1.3 隐私geolocation api 规范提供了一套庇护用户隐私的机制,必需先得到用户明确许可,才干猎取用户的位置信息。拜访用法geolocation api的页面应用时,会触发隐私庇护机制,扫瞄器会咨询用户是否

3、分享位置信息。用于收集位置数据的应用程序的开发人员应考虑关于隐私的以下准则:由于位置数据属于敏感信息,所以开发人员应考虑遵循以下准则: 仅在须要时哀求位置信息,并且仅将位置信息用于其原方案用于的任务。 假如用户没有授权存储这些数据,那么应用程序应当在相应任务完成后立刻删除。 假如要在服务器上存储位置数据,请务必确保位置数据不受到未经授权的拜访,并允许用户更新和删除此信息。 1.4 应用场景 更新本地信息 显示用户周围的爱好点 车载导航系统 二、geolocation 用法geolocation api的用法很容易,哀求一个位置信息,假如用户同意,就返回位置信息。2.1 检测扫瞄器是否支持geo

4、location在用法html5 geolocation api时,应确保扫瞄器支持geolocation api.if (navigator.geolocation) console.log('geolocation is supported.'); else console.log('geolocation is not supported in your broswer.');2.2 getcurrentposition 和 watchposition 用法 getcurrentposition 办法猎取当前的地理位置。 用法 watchposition

5、办法监视位置随时光变幻的状况。 语法:/ getcurrentpositionnavigator.geolocation.getcurrentposition(successcallback, errorcallback, options);/ watchpositionnavigator.geolocation.watchposition(successcallback, errorcallback, options);这两个办法都就用法的是异步回调的方式。它们有相同的参数: successcallback – 为扫瞄器胜利获得位置信息后的回调函数。 errorcallb

6、ack – 用于位置信息猎取失败时的回调函数。 options – 配置参数,可以调节geolocation的数据收集方式 enablehighaccuracy - 指示扫瞄器猎取高精度的位置,默认为false。当开启后,可能没有任何影响,也可能使扫瞄器花费更长的时光猎取更精确的位置数据。 timeout - 最长有效期,在重复猎取地理位置时,此参数指定多久再次猎取位置。默认为0,表示扫瞄器需要立即重新计算位置。 maximumage - 表示程序能接受的被缓存位置的最大过期时光。接受一个数字作为参数,默认为0微秒。这就意味这默认每次猎取位置都必须重新猎

7、取一个新位置。 2.3 clearwatch()这个办法接受一个参数,需要清理监视位置变幻的办法的id:watchid(这个参数由watchposition办法返回)。2.4 示例:var watchid = navigator.geolocation.watchposition(function(position) / succes callback var coords = position.coords; console.log(coords.latitude); / 纬度 console.log(coords.longitude); / 经度 console.log(coords.ac

8、curacy); / 精确度,因为geolocation的实现方式,展现返回值时一定要检查返回值的精确度 console.log(coords.altitude); / 海拔,以米为单位,如不支持altitude特性,返回null console.log(coords.altitudeaccuracy); / 海拔经度,以米为单位,如不支持altitude特性,返回null console.log(coords.heading); / 行进方向,相对正北 console.log(coords.speed); / 行进速度,单位m/s console.log(timestamp); / 猎取位置

9、的时光, function(error) / error callback console.log('猎取位置信息失败。'); console.log(error.code); / unknown_error (error code 0) - 未知错误 / permission_denied (error code 1) - 用户否决分享地理位置 / position_unavailable (error code 2) - 无法猎取当前位置 / timeout (error code 3) - 在指定时光无法猎取位置会触发此错误。, / options enablehighaccuracy: true, maximumage: 30000, ti

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论