- 百度接口申请AK http://lbsyun.baidu.com/apiconsole/key
image.png
-
配置服务器合法域名 image.png
在demo中修改自己的AK
// 引用百度地图微信小程序JSAPI模块
var bmap = require('../../libs/bmap-wx.js');
Page({
data: {
weatherData: ''
},
onLoad: function() {
var that = this;
// 新建百度地图对象
var BMap = new bmap.BMapWX({
ak: '修改为自己的ak'
});
var fail = function(data) {
console.log(data)
};
var success = function(data) {
var weatherData = data.currentWeather[0];
weatherData = '城市：' + weatherData.currentCity + '\n' + 'PM2.5：' + weatherData.pm25 + '\n' +'日期：' + weatherData.date + '\n' + '温度：' + weatherData.temperature + '\n' +'天气：' + weatherData.weatherDesc + '\n' +'风力：' + weatherData.wind + '\n';
that.setData({
weatherData: weatherData
});
}
// 发起weather请求
BMap.weather({
fail: fail,
success: success
});
}
})
image.png
注意：demo中改动var fail = function(data) { console.log(data) };如果调用失败会出现报错信息，按照以上步骤检查一遍，就调用成功了。
另外demo中有weather天气查询之外还有：
-
PIO检索search------例如：检索周边饭店
image.png -
PIO检索热词联想suggestion------就是关键词搜索
image.png -
逆地址解析regeocoding------可以理解为定位
image.png
小程序调用百度api天气接口后续（获取未来三天天气）https://www.jianshu.com/p/b99e43afa158
gzh.jpg每日分享前端技术知识，致力于帮助更多前端人翻过一座座山，踏过一个个坑。
