微信小程序使用百度api获取天气信息 —— 微信小程序教程系列(16)(1)

本文介绍了如何在微信小程序中使用百度API获取天气信息。首先在项目中引入百度地图的js文件,然后在js文件中导入并编辑代码,设置AK,通过BMap.weather接口发起请求获取当前及未来天气数据,最后展示在小程序页面上。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在项目根目录下新建一个路径,将百度的js文件拷贝到新建的路径下,完成。

如下图所示,新建路径 “libs/bmap-wx” ,将 bmap-xw.min.js 文件拷贝至 “libs/bmap-wx” 路径下。

19956127-862105b9301fab8b.png

5> 第五步:在所需的js文件内导入js

// 引用百度地图,注意:require传入一个相对路径

var bmap = require(‘…/…/libs/bmap-wx/bmap-wx.js’);

6> 第六步:编辑代码

注意:此处楼主使用的ak是随便写的,同学们需要自行申请!!!

xxx.wxml:

{ {weatherData}}

{ {item.date}}

{ {item.temperature}}

{ {item.weather}}

{ {item.wind}}

xxx.js:

// 引用百度地图微信小程序JSAPI模块

var bmap = require(‘…/…/libs/bmap-wx/bmap-wx.min.js’);

Page({

data:{

ak:“FHG7utZtdyXN23W”,

weatherData:‘’,

futureWeather:[]<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值