Skip to content
产品中心
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是否显示。写成对象时默认开booleantrue
formatHTML 片段,或函数按格返回内容string / function默认文案
background / backgroundColor面板背景string—
padding内边距,像素。数字四边相同,也可 [上下, 左右]number / array—
radius圆角,像素number—
label文字样式:fontSize / color / fontFamily 等object—
directiontop / bottom / left / right / center / autostringtop
offset相对指针偏移,像素[number, number][0, -8]
sticky是否跟随指针booleantrue
opacity面板不透明度number1

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。