H5带地理位置API获取地理位置

男娘i 2022-05-08 08:12 473阅读 0赞

支持地理位置API的浏览器会定义navigator.grolocation属性，该属性拥有三个方法：

### 1，navigator.geolocation.getCurrentPoaidion(); //获取当前地理位置 ###

是**异步**的，需要接受一个回调函数作为参数（还可以接受第二个参数，当获取失败后执行的回调，第三个参数是配置对象，包括是否需要高精度的位置信息、位置信息的过期时间、允许在多长时间内获取位置信息）

navigator.geolocation.getCurrentPosition(function(pos)\{

var latitude = pos.coords.latitude;

var longitude = pos.coords.longitude;

alert('您的位置经纬度是：' + latitude + " , " + longitude)

\})

//pos.coords.accuracy 表示精度 ‘米’

完整的例子：

**HTML**：

JS：

whereami(elt)

### 2，navigator.geolocation.watchPosition() //获取当前位置，并不断监视当前位置，位置变化时 调用指定的回调函数 ###

是异步的，需要接受一个回调函数作为参数（跟上面的getCurrentPosition（）用法一样）

### 3，navigator.geolocation.clearWatch() //停止监听用户位置，传递给该方法的参数应该是调用watchPosition()方法获得的返回值 ###

export const html5Geo = () => new Promise((resolve, reject) => {
      navigator.geolocation.getCurrentPosition((position) => {
        resolve(position)
      }, err => reject(error), {timeout: 6000, enableHighAccuracy: true})
    })

H5带地理位置API获取地理位置

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关获取地理位置

相关地理位置api_地理位置API

相关 IP地理位置API

相关 HTML5获取地理位置定位信息

相关 react-native获取地理位置

相关地理位置应用 h5

相关 H5带地理位置API获取地理位置

相关根据经纬度获取地理位置

相关 LayaAir Geolocation 获取地理位置

相关 MongoDB-5-地理位置计算