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总算找到了想要的资源，搞定遇到的大问题，赞赞赞！
一醉经年.2024-11-29这个资源值得下载，资源内容详细全面，与描述一致，受益匪浅。
金枝玉叶9
- 粉丝: 202
- 资源: 7637
最新资源
- 自动旋转烧烤机器sw18可编辑全套技术资料100%好用.zip
- 30吨压力机sw16全套技术资料100%好用.zip
- 5.8米输送装置sw16全套技术资料100%好用.zip
- AGV机械手sw20全套技术资料100%好用.zip
- Lathe Machine 1K62车床数模sw20可编辑全套技术资料100%好用.zip
- FPC成型折弯设备-桌面式Creo4.0全套技术资料100%好用.zip
- go语言：实现double factorial iterative双阶乘迭代算法（含完整的程序，GUI设计和代码详解）
- Matlab中使用DBO-CNN-LSTM-Mutilhead-Attention蜣螂算法优化卷积神经网络和长短期记忆网络，以进行多变量时间序列预测（含完整的程序，GUI设计和代码详解）
- Matlab实现CNN-BiLSTM-Mutilhead-Attention卷积双向长短期记忆网络多头注意力机制多特征分类预测（含完整的程序，GUI设计和代码详解）
- MATLAB实现BO-CNN-LSTM贝叶斯优化卷积长短期记忆网络多输入分类预测（含完整的程序，GUI设计和代码详解）
- Matlab实现BES-CNN-LSTM-Mutilhead-Attention秃鹰算法优化卷积长短期记忆神经网络融合多头注意力机制多变量时间序列预测（含完整的程序，GUI设计和代码详解）
- Matlab实现SAO-CNN-LSTM-Mutilhead-Attention雪消融算法优化卷积长短期记忆神经网络融合多头注意力机制多变量时间序列预测（含完整的程序，GUI设计和代码详解）
- Matlab实现GWO-CNN-LSTM-Mutilhead-Attention灰狼算法优化卷积长短期记忆神经网络融合多头注意力机制多变量时间序列预测（含完整的程序，GUI设计和代码详解）
- Matlab实现WOA-CNN-LSTM-Mutilhead-Attention鲸鱼算法优化卷积长短期记忆神经网络融合多头注意力机制多变量时间序列预测（含完整的程序，GUI设计和代码详解）
- Matlab实现CPO-BP冠豪猪算法优化BP神经网络时间序列预测 （含完整的程序，GUI设计和代码详解）
- Matlab实现OOA-BP鱼鹰算法优化BP神经网络时间序列预测（含完整的程序，GUI设计和代码详解）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
