知识分享--第一节:《免费气象API实时个性化应用到可视化驾驶舱》

楼主
我是社区第131157位番薯,欢迎点我头像关注我哦~

在日常可视化驾驶舱开发中,特别是面向企业外部的场景中,如景区、主题乐园、场馆等,都会有气象实时播报的要求,以下是本人真实项目中的一次应用,与各位小伙伴分享开发思路,具体配置如下:

最终效果:

 

 

开始一步一步开发:

一、申请百度开放平台apikey和获取到API接口资源

1、1 地址:

https://bsyun.baidu.com/fag/api?title=webapi/eather/base%E5%9C%A8%E7%BA%BF%E8%BF%90%E8%A1%8C

准备:登录平台后,---控制台、应用管理、我的应用中创建一个新的应用,并获得AK

注:一定要选择服务端。Ip白名单:0.0.0.0/0

 

1、2 获取api资源
https://lbsyun.baidu.com/docs/webapi?title=weatherinquiry/weather/base#%E5%9C%A8%E7%BA%BF%E8%BF%90%E8%A1%8C

这里的行政区编码可以点击获取到自已城市的信息,并且填入
你的ak,就是上面的申请到的ak

下面以遵义市+我的案例ak举例:

 

 

然后在api调试工具中测试看是否有正常返回,比如我用的是Apifox,正常返回如下图:

 

二、fvs中应用

-- 在此可以通过两种方式将返回的数据应用到fvs中:
方案一:写接口文档并存到本地数据库表中,直接调用,下图是已经完成了的表(过程暂时省略)

方案二:直接在finereport管理平台中新建连接,大概如下:一定要是json连接

将请求地址填入:https://api.map.baidu.com/weather/v1/?district_id=520300&data_type=all&ak=ST1yXYsXnnlVzE65XNVbtVOhQPR11QnW

连接名称为:0526百度气象

 

 

 

 

然后还需要在服务器数据集中获取具体值:

 

 

三、 下面以方案一演示后续在fvs中应用

3.1 《今日天气》

表结构:

 

新建表格组件,拖入相应的字段:温度、多云、风向、风速对应的字段,并做相应设置

 

 

 

3.2《近日天气变化》

表结构:

然后新建表格组件,拖入相应的字段

 

 

在图片条件设置(也就是B4的设置)下如:--- 条件属性中增加如下配置

 

1、(以此类推,设置所有条件)

2、背景图片提前准备好

  

总结:

  本次重点分享的是3个知识要素:API获取、fine平台如何接入和FVS中的个性化开发,关于省略掉的(如何写API接口代码、如何部署、或者直接用方法二)更多细节,本贴如果对各位有启动或者能直接用到自已的项目中,我将会还补上这部分分享给大家!---咱们下期见

  对了,别忘记了,点赞+关注哟!! ----需要"支援"的可以私信我!  
  

分享扩散:

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部 返回列表