Page({
data:{
AK: 'hWtYHdhw2fIwi9PWsWX09IVmGtLVp2UG',
city: '',
temp: '',
todayDayImg: '',
todayNightImg: '',
weather: '',
todayDate: '',
todayTime: ''
},
// 监听页面加载
onLoad: function () {
this.loadInfo();
this.getTime();
},
// 监听页面初次渲染完成
onReady: function () {
},
// 监听页面显示
onShow: function () {
},
// 监听页面隐藏
onHide: function () {
},
// 监听页面卸载
onUpload: function () {
},
// 监听用户下拉动作
onPullDownRefresh: function () {
this.getTime();
},
// 监听页面上拉触底
onReachBottom: function () {
},
loadInfo: function () {
var that = this;
wx.getLocation({
type: 'gcj02',
success: function(res) {
var latitude = res.latitude;
var longitude = res.longitude;
var AK = that.data.AK;
that.loadCity(latitude, longitude, AK, that.loadWeather);
console.log(that.data.city);
// that.loadWeather(that.data.city, AK);
}
})
},
loadCity: function (latitude, longitude, AK, callback) {
var that = this;
var url = 'https://api.map.baidu.com/geocoder/v2/?location=' + latitude + ',' + longitude + '&output=json&ak=' + AK;
wx.request({
url: url,
header: {
'content-type': 'application/json'
},
success: function(res) {
console.log(res);
var city = res.data.result.addressComponent.city;
that.setData({city :city});
console.log(that.data.city);
callback && callback(city, AK);
}
})
},
loadWeather: function (city, AK) {
var that = this;
var url = 'https://api.map.baidu.com/telematics/v3/weather?location=' + city + '&output=json&ak=' + AK;
console.log(url);
wx.request({
url: url,
header: {
'content-type': 'application/json'
},
success: function(res) {
var desNum = that.random(5);
console.log(res);
var future = res.data.results[0].weather_data.filter(function(ele, index) {
return index > 0;
});
var temReg = /\d+℃/;
that.setData({
temp: res.data.results[0].weather_data[0].date.match(temReg)[0],
todayDayImg: res.data.results[0].weather_data[0].dayPictureUrl,
todayNightImg: res.data.results[0].weather_data[0].nightPictureUrl,
weather: res.data.results[0].weather_data[0].weather + ' | ' + res.data.results[0].weather_data[0].wind,
});
console.log(that.data.future);
}
})
},
random: function(max, min) {
var min = min || 0;
return Math.floor(Math.random() * (max - min +1) + min);
},
getTime: function () {
var date = new Date();
var minute = date.getMinutes() >=10 ? date.getMinutes() : ('0' + date.getMinutes());
var hour = date.getHours() >=10 ? date.getHours() : ('0' + date.getHours());
var now = date.getDate() >= 10 ? date.getDate() : ('0' + date.getDate());
var todayDate = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + now;
var todayTime = hour + ':' + minute;
this.setData({
todayDate: todayDate,
todayTime: todayTime
})
}
})
小程序源码 天气预报 (代码+截图).rar （47个子文件） 
天气预报 
1.png 233KB Weather weather2 
jsconfig.json 55B app.json 986B pages life life.js 2KB life.wxss 840B life.wxml 335B assets img future-s.png 1KB medicine.png 3KB cloth.png 3KB car.png 8KB home.png 678B uv.png 4KB future.png 945B
bg.jpg 12KB life.png 2KB life-s.png 2KB home-s.png 720B travel.png 5KB bg2.jpg 45KB bg1.jpg 80KB sport.png 7KB main main.js 4KB main.wxml 693B main.wxss 2KB future future.wxss 845B future.js 2KB future.wxml 332B template futuretpl.wxml 505B lifetpl.wxml 326B itemtpl.wxml 421B typings weapp.d.ts 42KB app.wxss 194B app.js 719B utils util.js 460B wether1 jsconfig.json 55B app.json 216B pages assets img bg.jpg 12KB main main.js 3KB main.wxml 574B main.wxss 1KB template itemtpl.wxml 421B typings weapp.d.ts 42KB app.wxss 194B app.js 719B utils util.js 460B 2.png 266KB 3.png 222KB资源评论
m0_567599012022-10-29运行不了啊- m0_634907672024-05-05资源内容详细全面，与描述一致，对我很有用，有一定的使用价值。
- 2301_809559182024-06-07总算找到了想要的资源，搞定遇到的大问题，赞赞赞！
