Appearance
前后端数据传输方案
数据说明
离散点数据
展示方式
- 以离散点的形式展示时，按
json格式返回给前端 - 以栅格的形式展示时，后端进行差值后，生成
灰度图返回给前端, 灰度图处理参考 灰度图
栅格数据
1.数据信息
- 起点（左下角）经度
- 起点（左下角）纬度
- 终点（右上角）经度
- 终点（右上角）纬度
- 经度方向的步长
- 纬度方向的步长
- 经度方向的栅格数量
- 纬度方向的栅格数量
- 高度
2.数据内容
- 后端生成灰度图
数据格式样例
离散点数据示例
{
code: 0, //非0时，数据返回失败，需要在 message 字段写明原因
message: '实况降水温度压强湿度风速风向',
data: [
{
lon: 109,
lat: 34,
temp: 23,
prec: 0.8,
vh: 90,
pre: 900
ws: 3.4,
wd: 274,
stationId: 10083
}
]
}栅格数据示例
{
code: 0, //非0时，数据返回失败，需要在 message 字段写明原因
message: '雷达单时次多高度层数据',
data: {
ossPrefix: '' //minio 地址前缀
data: {
info: {
startLon: 100,
endLon: 109,
lonCount: 10,
lonStep: 1,
startLat: 30,
endLat:39,
latCount: 10,
latStep: 1,
levels: [1000, 2000, 3000]
},
images: [
[
{
time: '202307261006',
type: 'data' | 'image', //数据类型，以数据或者图片的方式传输
content: ['url1','url2']
}
],
[
{
time: '202307261007',
type: 'data' | 'image',
content: ['url1','url1']
}
]
]
}
}
}非气象数据
- 根据具体业务，按
json格式返回给前端
{
code: 0, //非0时，数据返回失败，需要在 message 字段写明原因
message: '查询全部人员信息',
data: [
{}
]
}使用方法
前端取值方法
- 灰度图，前端可直接用于渲染展示；
- 如果需要提取数据，气象数据渲染组件
mapbox-s提供了getValueFromImage方法，请参考 气象数据渲染组件