第一步:先到百度开放平台http://lbsyun.baidu.com申请ak
http://lbsyun.baidu.com/index.php?title=wxjsapi/guide/key
申请到ak后,在我的应用里就能查看到
然后下载文档:http://lbsyun.baidu.com/index.php?title=wxjsapi/wxjs-download

第二步:引入JS模块使用百度地图的api来获取地位位置的信息

第三步:编辑代码
使用百度地图的api来获取地位位置的信息
.js
// 引用百度地图微信小程序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
});
}
})
.wxml

{{weatherData}} 效果: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190217195641842.png)

相关文章: