|
在日常可视化驾驶舱开发中,特别是面向企业外部的场景中,如景区、主题乐园、场馆等,都会有气象实时播报的要求,以下是本人真实项目中的一次应用,与各位小伙伴分享开发思路,具体配置如下:
最终效果:
开始一步一步开发:
一、申请百度开放平台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接口代码、如何部署、或者直接用方法二)更多细节,本贴如果对各位有启动或者能直接用到自已的项目中,我将会还补上这部分分享给大家!---咱们下期见
对了,别忘记了,点赞+关注哟!! ----需要"支援"的可以私信我! |