【小程序】小程序如何获取当前的天气预报

微信小程序使用百度api获取天气信息

1、先到百度开放平台http://lbsyun.baidu.com注册并申请ak（百度api教程）

• 注册百度账号，成为百度地图开发者
• 创建应用
• 获取密钥（AK）
  

2、配置环境：在小程序中引入JS模块

下载百度地图微信小程序JavaScript API，解压后的文件中有 bmap-wx.js 文件(压缩版 bmap-wx.min.js )，将其拷贝到新建的路径下，安装完成

3、设置请求合法域名

需要设置请求合法域名，才能正常使用百度小程序 JavaScript API。
登录微信公众平台－> “设置” －> “开发设置” －> “request 合法域名” －>添加 api.map.baidu.com －> 点击"保存并提交"，如图所示：

然后，打开开发者工具 －> “项目” －> 点击"刷新"，合法域名设置同步完成。如图所示：

4、编辑和预览我的小程序

页面：

<view class="weather"> 
  <text>{{weatherData}}</text> 
</view>

JS:

// 引用百度地图微信小程序JSAPI模块 
var bmap = require('../../libs/bmap-wx.min.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 
        }); 
    } 
})

请求位置授权：
详细可参考：
https://blog.csdn.net/xiaoc_ong/article/details/104333941