create*Layertooltip
移入按格取值,点击弹出。写成 true 用默认文案;也可以自己写 HTML。风暴追踪的提示只出现在风暴点上。
调用
ts
const layer = createRadarGridLayer({
// 解析出口
data: parsed.values,
// 画哪一列,与 parse 相同
product: 'cr',
// 雷达站心,投影原点
site: parsed.site,
// 移入提示
tooltip: true,
// 点击弹窗
popup: true
})自定义内容:
ts
layer.setOption({
tooltip: {
// 按格拼 HTML
format: info => `${info.value ?? '缺测'}`,
direction: 'top',
padding: 8
}
})默认文案含站点、时刻和当前值。函数收到的 info 与 identify 相同。返回空值表示本格不提示。
tooltip
| 字段 | 说明 | 类型 | 默认 |
|---|---|---|---|
show | 是否显示。写成对象时默认开 | boolean | true |
format | HTML 片段,或函数按格返回内容 | string / function | 默认文案 |
background / backgroundColor | 面板背景 | string | — |
padding | 内边距,像素。数字四边相同,也可 [上下, 左右] | number / array | — |
radius | 圆角,像素 | number | — |
label | 文字样式:fontSize / color / fontFamily 等 | object | — |
direction | top / bottom / left / right / center / auto | string | top |
offset | 相对指针偏移,像素 | [number, number] | [0, -8] |
sticky | 是否跟随指针 | boolean | true |
opacity | 面板不透明度 | number | 1 |
popup
popup: true 用默认文案。也可以传工厂函数。实例上还有 bindPopup / unbindPopup、bindTooltip / unbindTooltip。
两者同时打开时,移入出提示、点击出弹窗。也可以只开其中一项。
identify
不依赖提示框,也可以按经纬取值:
ts
// 按经纬取当前格
const info = layer.identify({ lat: 36.01, lon: 103.85 })| 字段 | 说明 |
|---|---|
value | 当前格数值。缺测为 NaN |
lon / lat | 格心或射线落点 |
dateTime / stationCode / stationName | 记录上的时间和站点 |
row / col | 格网行列。射线没有 |
azimuth / elevation / pitch | 射线方位、天气雷达仰角或测风俯仰。格网没有 |
界外返回 null。