uniapp h5端怎么获取地理位置
时间: 2023-08-09 20:05:01 浏览: 217
在 uniapp H5 端,可以使用 HTML5 的 Geolocation API 来获取地理位置信息。具体步骤如下:
1. 在需要获取地理位置的页面中,引入 `navigator` 对象(如果已经引入则可以跳过此步骤),如下所示:
```js
const navigator = window.navigator
```
2. 调用 `navigator.geolocation.getCurrentPosition()` 方法来获取当前位置信息,如下所示:
```js
navigator.geolocation.getCurrentPosition(function (position) {
console.log('纬度:' + position.coords.latitude)
console.log('经度:' + position.coords.longitude)
}, function (error) {
console.log('获取地理位置失败:' + error.message)
})
```
其中,`getCurrentPosition()` 方法接收两个参数:第一个参数为获取位置信息成功后的回调函数,第二个参数为获取位置信息失败后的回调函数。在回调函数中可以对获取到的位置信息进行相应的操作。
需要注意的是,在使用 Geolocation API 获取地理位置信息时,需要用户授权。如果用户拒绝授权,则无法获取位置信息。因此,在使用 Geolocation API 之前需要先判断用户是否已经授权,可以使用 `navigator.permissions.query` 方法来查询用户是否已经授权。
阅读全文