h5如何实现获取用户地理定位

  介绍

小编给大家分享一下h5如何实现获取用户地理定位,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

最近做的一个项目中有一个获取周围商户的功能,需要用到地理定位系统,

于是便想到了用仅有的地理定位,查阅了下资料后,简单封装了下代码。

const getPosition=(   超时=10000,   maximumAge=60000,   enableHighAcuracy=false)=比;新的承诺((决心,拒绝)=比;{   如果(!导航器,,! navigator.geolocation) {   返回拒绝(新的错误(& # 39;地理定位api不支持# 39;))   }      const成功=(loc)=比;{   const位置={   纬度:loc.coords。纬度,//纬度   经度:loc.coords。经度,//经度   准确性:loc.coords。//准确性精确度   }   解决(位置)   }      const错误=()=比;拒绝(& # 39;出错了& # 39;)      navigator.geolocation。getCurrentPosition(成功,错误,{   enableHighAcuracy,//指示浏览器获取高精度的位置,默认为假   超时,//指定获取地理位置的超时时间,默认不限时,单位为毫秒   maximumAge//最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。   })   })//使用示例   getPosition ()   不要犹豫(pos=比;pos)   .catch(呃=比;console.log (err))

编辑的获取地理位置的api确实是很好用,不过由于获取用户的地理位置是属于用户的隐私,所以需要经过用户的授权才可以。

无论用户拒绝还是允许授权,该站点都会被浏览器缓存下来,下次访问的时候就不会再次询问用户了,除非用户手动移除该规定。在chrome中移除规则的地址在设置里面。

另外如果用户拒绝了,则可以通过选择ip来获取经纬度,一般误差会比较大

ipip.net是一个可以通过ip获取用户地理位置信息的网站。

以上是h5如何实现获取用户地理定位的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

h5如何实现获取用户地理定位