小程序集成百度地图API实现获取天气
注册百度地图API注册百度地图API并且获取AK百度地图官网地址: http://lbsyun.baidu.com/获取AK: 登录官网后—>控制台----->创建应用
·
注册百度地图API
注册百度地图API并且获取AK
百度地图官网地址: http://lbsyun.baidu.com/
获取AK: 登录官网后—>控制台----->创建应用
注意选择小程序
下载百度API提供的微信小程序的lib包
代码:
var bmap = require('../../libs/bmap-wx.min.js');
Page({
data: {
weatherData: ''
},
onLoad: function() {
var that = this;
var BMap = new bmap.BMapWX({
ak: 'VU9XuZO8k71dalDn17hYjpVKQPNPzMSD'
});
var fail = function(data) {
console.log('fail!!!!')
};
var success = function(data) {
console.log('success!!!');
var weatherData = data.currentWeather[0];
console.log(data.currentWeather[0])
weatherData = '城市:' + weatherData.currentCity + '\n' + 'PM2.5:' + weatherData.pm25 + '\n' +'日期:' + weatherData.date + '\n' + '温度:' + weatherData.temperature + '\n' +'天气:' + weatherData.weatherDesc + '\n' +'风力:' + weatherData.wind + '\n';
console.log(weatherData)
that.setData({
weatherData: weatherData
});
}
BMap.weather({
fail: fail,
success: success
});
}
})
运行结果:
可能出现的报错:
这是由于微信小程序后台request配置的原因
解决方案: 配置request合法域名
更多推荐
已为社区贡献1条内容
所有评论(0)