H5定位问题

本文介绍HTML5 Geolocation API的使用,包括用户位置信息的获取及隐私保护措施。探讨了不同定位方式的精度差异,并详细说明了从地球坐标到火星坐标的转换过程,适用于地图应用开发。

写在最前面

  • HTML5 Geolocation API 用于获得用户的地理位置。
  • 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。如:
  • 目前常见的坐标系有三种:地球坐标(WGS84,国际公认坐标),火星坐标(GCJ02,国家标准,适用于高德百度地图大陆+港澳部分、Google地图大陆部分),百度坐标(BD09,适用于百度地图大陆+港澳台部分)。
  • 我们通过浏览器所在硬件设备获取地球坐标,然后通过接口把地球坐标转为火星坐标。(世面上的app,也是一致的,唯一的差别:是否用了三方SDK)。
  • 定位方式:(不同方式会导致精度问题)
    • 基于gps ,精度最高(约10-100米左右),但室内效果一般。
    • 基于运营商基站,精度最差(约1000-3000米左右),定位慢。
    • 基于WiFiWIFI路由器,精度次之(约100-200米左右),受周围WIFI数量和分布影响,需要打开手机WIFI开关。

实现方法:

  • 通过getCurrentPosition或watchPosition方法来获取地球坐标,个别型号手机getCurrentPosition方法会比较慢,所以实际应用中常用watchPosition方法。
  • clearWatch(watchId)用来停止watchPosition。但是此处在ios微信内置浏览器内有个大坑,获取的watchId是undefined,清不掉watchPosition,一直在watch。如何解决:外层设置一个全局变量来控制,只在第一次watch成功时执行逻辑代码,后面不执行。
  • H5获取坐标后需转换为火星坐标。

参考链接1  参考链接2

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值