快速开始 | ltvis-map

开始快速开始

装好包，自己建好地图，解析一份组合反射率，创建图层再 addTo。

安装

公开包装在 npm。仓库地址：https://registry.npmjs.org/。包页：https://www.npmjs.com/package/@dingnl/ltvis-map

bash

pnpm add @dingnl/ltvis-map

本包不依赖某一家地图库。你自己建好地图并铺底图，再 addTo。npm 用 npm install @dingnl/ltvis-map，yarn 用 yarn add @dingnl/ltvis-map。

本机若默认走镜像，在项目 .npmrc 指定 @dingnl 走官网仓库：

@dingnl:registry=https://registry.npmjs.org/

画第一张图

页面上准备一个有宽高的容器。用你选的地图库建好地图后，把文件读成 ArrayBuffer，再解析、建图层、叠上去。下面用一种常见建图写法举例，换成别的地图库时只改建图这一段。

import 'leaflet/dist/leaflet.css'
import L from 'leaflet'
import { parse } from '@dingnl/ltvis-map/parse'
import { createRadarGridLayer } from '@dingnl/ltvis-map/layer'

const map = L.map(el, {
    center: [36.01, 103.85],
    zoom: 8,
    attributionControl: false,
    zoomControl: false
})

const parsed = await parse(buffer, {
    format: 'rstm',
    // 一次只出这一列
    product: 'cr'
})
const layer = createRadarGridLayer({
    // 解析出口
    data: parsed.values,
    // 画哪一列，与 parse 相同
    product: 'cr',
    // 雷达站心，投影原点
    site: parsed.site
})
layer.addTo(map)
const box = layer.getBounds()

buffer 可以是裸文件，也可以是 .gz / .bz2 / .zip / .tgz，见解析。

换同一族的其他产品，改 product 和对应文件即可。换资料线，换工厂：

资料线	工厂	format
单站平面	`createRadarGridLayer`	`rstm`
单站射线	`createRadarPolarLayer`	`rstm`
风暴追踪	`createStiLayer`	`rstm`
组网格点	`createMosaicLayer`	`diamond`
通道图	`createCloudLayer`	`awx`
定量产品	`createQuantLayer`	`nc`（须写 `product`）
地面分析	`createFieldLayer`	`micaps4`
ERA5	`createEra5Layer`	`era5`（须写 `product`）
激光测风雷达	`createDwlLayer`	`dwlp`

一条图层一次画一个产品。

免责声明

文档与在线示例里的记录来自公开资料，或按本库字段规则撰写的模拟数据，仅供演示，没有实际观测或业务含义。完整条文见免责声明。

版权与授权

需要无水印版本时，向 dingnl 申请授权，用交付的离线包覆盖本包。步骤见授权包接入。申请授权：1981261270@qq.com，或 QQ 1981261270，备注 ltvis-map。

实例方法

parse 读文件。create*Layer 创建图层。之后常用 addTo、setOption、setOpacity、remove。按经纬取值用 identify。当前场四至用 getBounds()，套合视野由调用侧做。提示框、弹窗见提示框。

接下来

去向	说明
授权包接入	用离线包覆盖公开包
解析	格式、压缩包、取哪一列
图层	site、显隐、透明度、拾取、四至
侧栏各资料线 API	按产品看文件和字段
在线示例	对照着图看

安装 ​

画第一张图 ​

免责声明 ​

版权与授权 ​

实例方法 ​

接下来 ​

安装

画第一张图

免责声明

版权与授权

实例方法

接下来