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

注册百度地图API

注册百度地图API并且获取AK
百度地图官网地址: http://lbsyun.baidu.com/
获取AK: 登录官网后—>控制台----->创建应用
注意选择小程序
在这里插入图片描述
下载百度API提供的微信小程序的lib包
在这里插入图片描述
代码:

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合法域名
在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值