小程序集成百度地图API实现获取天气

注册百度地图API

注册百度地图API并且获取AK
百度地图官网地址: http://lbsyun.baidu.com/
获取AK: 登录官网后—>控制台----->创建应用
注意选择小程序
小程序集成百度地图API实现获取天气_第1张图片
下载百度API提供的微信小程序的lib包
小程序集成百度地图API实现获取天气_第2张图片
代码:

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合法域名
小程序集成百度地图API实现获取天气_第3张图片

你可能感兴趣的:(小程序)