用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

小程序调用百度api天气接口

Rolan 2020-6-12 00:55

百度接口申请AKhttp://lbsyun.baidu.com/apiconsole/key配置服务器合法域名在demo中修改自己的AK// 引用百度地图微信小程序JSAPI模块 var bmap = require('../../libs/bmap-wx.js'); Page({ data: { weatherData: ...

百度接口申请AK http://lbsyun.baidu.com/apiconsole/key

配置服务器合法域名

在demo中修改自己的AK

  1. // 引用百度地图微信小程序JSAPI模块
  2. var bmap = require('../../libs/bmap-wx.js');
  3. Page({
  4. data: {
  5. weatherData: ''
  6. },
  7. onLoad: function() {
  8. var that = this;
  9. // 新建百度地图对象
  10. var BMap = new bmap.BMapWX({
  11. ak: '修改为自己的ak'
  12. });
  13. var fail = function(data) {
  14. console.log(data)
  15. };
  16. var success = function(data) {
  17. var weatherData = data.currentWeather[0];
  18. weatherData = '城市:' + weatherData.currentCity + '\n' + 'PM2.5:' + weatherData.pm25 + '\n' +'日期:' + weatherData.date + '\n' + '温度:' + weatherData.temperature + '\n' +'天气:' + weatherData.weatherDesc + '\n' +'风力:' + weatherData.wind + '\n';
  19. that.setData({
  20. weatherData: weatherData
  21. });
  22. }
  23. // 发起weather请求
  24. BMap.weather({
  25. fail: fail,
  26. success: success
  27. });
  28. }
  29. })

注意:demo中改动var fail = function(data) { console.log(data) };如果调用失败会出现报错信息,按照以上步骤检查一遍,就调用成功了。

另外demo中有weather天气查询之外还有:

  • PIO检索search------例如:检索周边饭店

PIO检索热词联想suggestion------就是关键词搜索

逆地址解析regeocoding------可以理解为定位


鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 前端来入坑 来自: 简书
  • longkun 2020-6-21 17:06
    专业微信小程序开发 app定制 欢迎各行老板来电 tel;13635483717同v
  • w评估公司86 2020-6-18 17:01
    新手驾到,帮助很大,好评加赞。。。