h5完成获得客户自然地理精准定位的案例编码

日期:2021-02-23 类型:科技新闻 

关键词:公众号小程序,小程序正规价格表,微信群签到小程序,网络抽签小程序,个人做小程序需要什么

近期做的1个新项目中有1个获得周边商户的作用,必须用到自然地理精准定位系统软件,

因而便想起了用 h5 的自然地理精准定位,查阅了下材料后,简易封裝了下编码。

const getPosition = (
  timeout = 10000,
  maximumAge = 60000, 
  enableHighAcuracy = false) => new Promise((resolve, reject) => {
  if (!navigator && !navigator.geolocation)  {
    return reject(new Error('geolocation api not supported'))
  } 

  const success = (loc) => {
      const location = {
        latitude: loc.coords.latitude,  // 纬度
        longitude: loc.coords.longitude,  // 经度
        accuracy: loc.coords.accuracy // 精准度
      }
      resolve(location)
  }

  const error = () => reject('错误了')

  navigator.geolocation.getCurrentPosition(success, error, {
    enableHighAcuracy,  // 标示访问器获得高精度的部位,默认设置为false
    timeout,  // 特定获得自然地理部位的请求超时時间,默认设置不限时,企业为毫秒
    maximumAge // 最长合理期,在反复获得自然地理部位时,此主要参数特定多久再度获得部位。
  })
})

// 应用示例
getPosition()
.then(pos => pos)
.catch(err => console.log(err))

h5 的获得自然地理部位的 api 的确是很功能强大,但是因为获得客户的自然地理部位是属于客户的隐私保护,因此必须历经客户的受权才能够。

不管客户回绝還是容许受权,该站点都会被访问器缓存文件下来,下一次浏览的情况下就不容易再度了解客户了,除非客户手动式移除该要求。在 chrome 中移除标准的详细地址在设定里边,以下图:

此外假如客户回绝了,则能够根据挑选 ip 来获得经纬度,1般偏差会较为大

ipip.net 是1个能够根据ip获得客户自然地理部位信息内容的网站。

以上便是本文的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多适用脚本制作之家。

上一篇:HTML5完成挪动端弹幕动漫实际效果 返回下一篇:没有了