前言
- 在App inventor2中使用百度地图开放API制作天气预报的app实验,需要先去百度地图开放平台申请并获取到相关的ak,此处需要两个API,一个是根据行政区划编码获取天气的信息,另一个是根据输入的城市名查询并返回行政区划编码;
组件设计
如图所示:
注:因为是要调用两次API,为了便于区分、不混淆,所以放了两个web客户端
逻辑设计
基本逻辑
当按钮被点击的时候,要实现将输入的城市名放入行政区划编码API中获取行政区划编码,将获取到的行政区划编码放入天气信息API中获取天气信息,并由标签展示查询到的数据
-
将输入的城市名放入行政区划编码API中获取行政区划编码
API格式:
-
将返回的json数据解析并获取到行政区划编码,并调用通过API获取天气信息的方法块
注:变量可根据实际选择局部变量或全局变量,此处以全局变量为主,App Inventor 2中下标以 1 为起点
优化后:
-
将得到的行政区划编码放入天气信息API中获取天气信息
API格式:
-
解析返回的天气数据并根据需求选择展示
此处返回的数据:
注:变量可根据实际选择局部变量或全局变量,此处以全局变量为主
优化后:
-
效果图
总结
以上就是App Inventor2 通过百度地图开放平台的API获取城市天气预报的逻辑和实现代码,如有错误请联系本人