github:https://github.com/ChenPing168/-BaiduApi
使用百度地图的api来获取地位位置的信息
第一步:先到百度开放平台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模块
第三步:编辑代码
.js
// 引用百度地图微信小程序JSAPI模块
var bmap = require('../../libs/bmap-wx.js');
Page({
data: {
weatherData: ''
},
onLoad: function () {
var that = this;
// 新建百度地图对象
var BMap = new bmap.BMapWX({
ak: 'pDUmMVsgKG422Vg8zW5UGWNBTUAvcw9e'
});
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
<view class="weather">
<text>{{weatherData}}</text>
</view>
效果: