天气预报接口源码(天气api接口源码)

天气预报接口源码(天气api接口源码)div style text align left margin bottom 10px Page div div style text align left margin bottom 10px div

大家好,我是讯享网,很高兴认识大家。



 <div style="text-align: left; margin-bottom: 10px;">Page({</div> <div style="text-align: left; margin-bottom: 10px;">/</div> <div style="text-align: left; margin-bottom: 10px;">* 页面的初始数据</div> <div style="text-align: left; margin-bottom: 10px;">*/</div> <div style="text-align: left; margin-bottom: 10px;">data: {</div> <div style="text-align: left; margin-bottom: 10px;">search_city: ,</div> <div style="text-align: left; margin-bottom: 10px;">imgsrc:100</div> <div style="text-align: left; margin-bottom: 10px;">},</div> <div style="text-align: left; margin-bottom: 10px;">/</div> <div style="text-align: left; margin-bottom: 10px;">* 根据城市获取天气预报</div> <div style="text-align: left; margin-bottom: 10px;">*/</div> <div style="text-align: left; margin-bottom: 10px;">getWeather(city) {</div> <div style="text-align: left; margin-bottom: 10px;">let that = this</div> <div style="text-align: left; margin-bottom: 10px;">//获取实况天气</div> <div style="text-align: left; margin-bottom: 10px;">wx.request({</div> <div style="text-align: left; margin-bottom: 10px;">url: https://free-api.heweather-/s6/weather/now?key=你后台的key&amp;location= + city,</div> <div style="text-align: left; margin-bottom: 10px;">success: function(res) {</div> <div style="text-align: left; margin-bottom: 10px;">if (res.data.HeWeather6[0].status == unknown location) {</div> <div style="text-align: left; margin-bottom: 10px;">wx.showToast({</div> <div style="text-align: left; margin-bottom: 10px;">title: 抱歉!没有该城市的天气预报,</div> <div style="text-align: left; margin-bottom: 10px;">icon: none,</div> <div style="text-align: left; margin-bottom: 10px;">duration: 2000</div> <div style="text-align: left; margin-bottom: 10px;">})</div> <div style="text-align: left; margin-bottom: 10px;">return;</div> <div style="text-align: left; margin-bottom: 10px;">}</div> <div style="text-align: left; margin-bottom: 10px;">console.log(res)</div> <div style="text-align: left; margin-bottom: 10px;">that.setData({</div> <div style="text-align: left; margin-bottom: 10px;">city: city,</div> <div style="text-align: left; margin-bottom: 10px;">tmp: res.data.HeWeather6[0].now.tmp,</div> <div style="text-align: left; margin-bottom: 10px;">imgsrc: res.data.HeWeather6[0].now.cond_code,</div> <div style="text-align: left; margin-bottom: 10px;">wind_dir: res.data.HeWeather6[0].now.wind_dir,</div> <div style="text-align: left; margin-bottom: 10px;">wind_sc: res.data.HeWeather6[0].now.wind_sc,</div> <div style="text-align: left; margin-bottom: 10px;">hum: res.data.HeWeather6[0].now.hum,</div> <div style="text-align: left; margin-bottom: 10px;">pres: res.data.HeWeather6[0].now.pres</div> <div style="text-align: left; margin-bottom: 10px;">})</div> <div style="text-align: left; margin-bottom: 10px;">//获取24小时天气预报</div> <div style="text-align: left; margin-bottom: 10px;">wx.request({</div> <div style="text-align: left; margin-bottom: 10px;">url: https://free-api.heweather-/s6/weather/hourly?key=你后台的key&amp;location= + city,</div> <div style="text-align: left; margin-bottom: 10px;">success: function(res) {</div> <div style="text-align: left; margin-bottom: 10px;">var arr = res.data.HeWeather6[0].hourly</div> <div style="text-align: left; margin-bottom: 10px;">var hourly = []</div> <div style="text-align: left; margin-bottom: 10px;">for (var i = 0; i &lt; arr.length; i++) {</div> <div style="text-align: left; margin-bottom: 10px;">hourly[i] = {</div> <div style="text-align: left; margin-bottom: 10px;">"imgsrc": arr[i].cond_code,</div> <div style="text-align: left; margin-bottom: 10px;">"tmp": arr[i].tmp,</div> <div style="text-align: left; margin-bottom: 10px;">"time": arr[i].time.substring(11),</div> <div style="text-align: left; margin-bottom: 10px;">"wind_dir": arr[i].wind_dir,</div> <div style="text-align: left; margin-bottom: 10px;">"wind_sc": arr[i].wind_sc</div> <div style="text-align: left; margin-bottom: 10px;">}</div> <div style="text-align: left; margin-bottom: 10px;">}</div> <div style="text-align: left; margin-bottom: 10px;">that.setData({</div> <div style="text-align: left; margin-bottom: 10px;">hourly: hourly</div> <div style="text-align: left; margin-bottom: 10px;">})</div> <div style="text-align: left; margin-bottom: 10px;">var weekArray = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六");</div> <div style="text-align: left; margin-bottom: 10px;">//获取未来7天天气预报</div> <div style="text-align: left; margin-bottom: 10px;">wx.request({</div> <div style="text-align: left; margin-bottom: 10px;">url: https://free-api.heweather-/s6/weather/forecast?key=你后台的key&amp;location= + city,</div> <div style="text-align: left; margin-bottom: 10px;">success: function(result) {</div> <div style="text-align: left; margin-bottom: 10px;">//console.log(result)</div> <div style="text-align: left; margin-bottom: 10px;">var arr = result.data.HeWeather6[0].daily_forecast</div> <div style="text-align: left; margin-bottom: 10px;">var daily_forecast = []</div> <div style="text-align: left; margin-bottom: 10px;">for (var i = 0; i &lt; arr.length; i++) {</div> <div style="text-align: left; margin-bottom: 10px;">daily_forecast[i] = {</div> <div style="text-align: left; margin-bottom: 10px;">d_txt: i == 0 ? "今天" : weekArray[new Date(arr[i].date).getDay()],</div> <div style="text-align: left; margin-bottom: 10px;">d_date: arr[i].date.substring(5),</div> <div style="text-align: left; margin-bottom: 10px;">imgsrc_d: arr[i].cond_code_d,</div> <div style="text-align: left; margin-bottom: 10px;">imgsrc_n: arr[i].cond_code_n,</div> <div style="text-align: left; margin-bottom: 10px;">wind_dir: arr[i].wind_dir,</div> <div style="text-align: left; margin-bottom: 10px;">wind_sc: arr[i].wind_sc,</div> <div style="text-align: left; margin-bottom: 10px;">tmp_max: arr[i].tmp_max,</div> <div style="text-align: left; margin-bottom: 10px;">tmp_min: arr[i].tmp_min,</div> <div style="text-align: left; margin-bottom: 10px;">cond_txt_d: arr[i].cond_txt_d</div> <div style="text-align: left; margin-bottom: 10px;">}</div> <div style="text-align: left; margin-bottom: 10px;">}</div> <div style="text-align: left; margin-bottom: 10px;">that.setData({</div> <div style="text-align: left; margin-bottom: 10px;">daily_forecast: daily_forecast</div> <div style="text-align: left; margin-bottom: 10px;">})</div> <div style="text-align: left; margin-bottom: 10px;">}</div> <div style="text-align: left; margin-bottom: 10px;">})</div> <div style="text-align: left; margin-bottom: 10px;">}</div> <div style="text-align: left; margin-bottom: 10px;">})</div> <div style="text-align: left; margin-bottom: 10px;">}</div> <div style="text-align: left; margin-bottom: 10px;">})</div> <div style="text-align: left; margin-bottom: 10px;">},</div> <div style="text-align: left; margin-bottom: 10px;">bindKeyInput(e) {</div> <div style="text-align: left; margin-bottom: 10px;">this.setData({</div> <div style="text-align: left; margin-bottom: 10px;">search_city: e.detail.value</div> <div style="text-align: left; margin-bottom: 10px;">})</div> <div style="text-align: left; margin-bottom: 10px;">},</div> <div style="text-align: left; margin-bottom: 10px;">search() {</div> <div style="text-align: left; margin-bottom: 10px;">this.getWeather(this.data.search_city)</div> <div style="text-align: left; margin-bottom: 10px;">},</div> <div style="text-align: left; margin-bottom: 10px;">/</div> <div style="text-align: left; margin-bottom: 10px;">* 生命周期函数--监听页面加载</div> <div style="text-align: left; margin-bottom: 10px;">*/</div> <div style="text-align: left; margin-bottom: 10px;">onLoad: function(options) {</div> <div style="text-align: left; margin-bottom: 10px;">this.getWeather("广州")</div> <div style="text-align: left; margin-bottom: 10px;">},</div> <div style="text-align: left; margin-bottom: 10px;">})</div> <p style="font-weight: normal;">可能的错误原因</p> 

讯享网

请复制上方错误信息到搜索引擎以获取关于该错误的说明,或点击「使用必应搜索」。


讯享网

如果您是访客,这说明网站程序可能出现了一些错误。请您稍后再试,或联系站长。

小讯
上一篇 2025-04-26 20:12
下一篇 2025-06-11 20:02

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/179854.html