uniapp高德获取天气
时间: 2023-08-07 12:02:37 浏览: 276
在uniapp做高德地图,发布为h5网页
要使用高德地图获取天气信息,需要先获取到当前位置的经纬度,然后使用高德天气API获取天气信息。以下是获取当前位置和天气信息的示例代码:
```javascript
// 引入uni请求库
import uniRequest from 'uni-request';
// 获取当前位置的经纬度
uni.getLocation({
success: res => {
const latitude = res.latitude; // 纬度
const longitude = res.longitude; // 经度
// 请求地址
const weatherUrl = 'https://restapi.amap.com/v3/weather/weatherInfo';
// 请求参数
const weatherParams = {
key: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', // 替换为高德地图API的key
city: '', // 城市名称,为空则根据经纬度自动定位
extensions: 'base', // 返回天气信息的类型,base代表基本信息
output: 'JSON' // 返回数据类型
};
// 添加经纬度参数
weatherParams['location'] = longitude + ',' + latitude;
// 发送请求
uniRequest({
url: weatherUrl,
method: 'GET',
params: weatherParams
}).then(response => {
console.log(response.data); // 处理返回的天气数据
}).catch(error => {
console.log(error.message); // 处理请求异常
});
},
fail: error => {
console.log(error.message); // 处理获取位置失败的情况
}
});
```
注意:需要在高德地图API申请key,并将上述示例代码中的key替换为你自己的。
阅读全文