uniapp vue 获取天气数据

获取当前地址,通过高德天气数据,来展示天气温度风度等数据

//获取天气
getWeather(){
	// 获取天气预报
		uni.request({
		    url: 'https://restapi.amap.com/v3/weather/weatherInfo', 
		    data: {
		        city: '长沙',
				// extensions:'all',
		        key: 'xxxxxxxxxx'//自己的高德密钥key
		    },
		    success:(pp)=>{
				uni.hideLoading()
				console.log('天气信息:',pp);
		        // console.log('天气信息:', weatherData[0]);
				if(pp.data){
					//匹配显示对应的天气图片
					let weather = pp.data.lives[0].weather;
					for(let key in weatherObj){
						if(weatherObj[key].indexOf(weather) != -1){
							that.weatherImg = `/static/image/${key}.png`;//对应天气的图片,用自己的
						}
					}
					console.log('最后的结果',that.weatherImg)
					if(!that.weatherImg){
						that.weatherImg = '/static/image/yingtian.png';
					}
					that.lives = pp.data.lives[0];
				}
		    },
		    fail:(error)=>{
				uni.hideLoading()
				uni.showToast({title:'天气信息获取失败'})
		    }
		});
},

weatherObj的数据,高德所有的天气名称,可以自行调整

export default {
	//晴天
	qingtian:['晴','少云','晴间多云 '],
	//多云
	duoyun:['多云'],
	//下雪
	xiaxue:['雪','阵雪','小雪','中雪','大雪','暴雪','小雪-中雪','中雪-大雪','大雪-暴雪'],
	//雨加雪
	yujiaxue:['雨雪天气','雨夹雪','阵雨夹雪'],
	//雷阵雨
	leizhengyu:['雷阵雨','雷阵雨并伴有冰雹','强雷阵雨',],
	//阵雨
	zhengyu:['阵雨','强阵雨'],
	//下雨
	xiayu:['小雨','中雨','大雨','暴雨','大暴雨','特大暴雨','毛毛雨/细雨','雨','小雨-中雨','中雨-大雨','大雨-暴雨','暴雨-大暴雨','大暴雨-特大暴雨','冻雨'],
	//阴天
	yingtian:['阴','有风','平静','微风','和风','清风','强风/劲风','疾风','大风','烈风','风暴','狂爆风','飓风','热带风暴','霾','中度霾','重度霾','严重霾','浮尘','扬沙','沙尘暴','强沙尘暴','龙卷风','雾','浓雾','强浓雾','轻雾','大雾','特强浓雾','热','冷','未知'],
}

相关推荐

  1. uniapp vue 获取天气数据

    2024-05-10 07:18:10       9 阅读
  2. Springboot获取实时天气

    2024-05-10 07:18:10       13 阅读
  3. 天气数据集2-应用RNN做天气预测

    2024-05-10 07:18:10       9 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-05-10 07:18:10       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-05-10 07:18:10       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-05-10 07:18:10       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-05-10 07:18:10       18 阅读

热门阅读

  1. 学习Uni-app开发小程序Day6

    2024-05-10 07:18:10       7 阅读
  2. 构建跨平台应用的利器——UniApp

    2024-05-10 07:18:10       8 阅读
  3. 基于STM32的云端灌溉系统毕业设计

    2024-05-10 07:18:10       8 阅读
  4. 第十一章数据仓库和商务智能

    2024-05-10 07:18:10       10 阅读
  5. Delphi 高效处理大数据量的字典数据的查询问题

    2024-05-10 07:18:10       10 阅读
  6. Jenkins中构建Spring服务并推送到AWS ECR+AWS EKS

    2024-05-10 07:18:10       11 阅读