npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@dingnl/ltvis-map

v0.0.2

Published

探测设备二维地图绘图组件:面向气象、电力、应急,把天气雷达、气象卫星和地面分析格点画到二维地图上

Readme


调用侧自己建地图。本包解析业务文件、创建图层,用 addTo 叠上去。


安装

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

pnpm add @dingnl/ltvis-map

也可用 npm i @dingnl/ltvis-map 或 yarn add @dingnl/ltvis-map。本包不依赖某一家地图库,底图由你自己铺。本机若默认走镜像,在项目 .npmrc 写 @dingnl:registry=https://registry.npmjs.org/。

调用

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)

| 方法 | 用途 | | :------------: | --------------------------------------- | | parse | 按 format 和 product 把文件拆成记录 | | create*Layer | 用解析结果创建图层 | | addTo | 叠到你自己的地图上 | | setOption | 换记录或显示参数后重绘 | | identify | 按经纬取值 | | remove | 从地图卸下图层 |

一条图层一次画一个产品。公开包装有版权水印,浏览器控制台会打印版权声明和联系方式,没有关闭这两项的接口。

资料线入口

| 资料线 | 工厂 | format | | :------: | ----------------------------------------- | ------------------------ | | 单站平面 | createRadarGridLayer | rstm | | 单站射线 | createRadarPolarLayer | rstm | | 风暴追踪 | createStiLayer | rstm | | 组网格点 | createMosaicLayer | diamond | | 通道图 | createCloudLayer | awx | | 定量产品 | createQuantLayer | nc(须写 product) | | 地面分析 | createFieldLayer | micaps4 | | ERA5 | createEra5Layer / createEra5WindLayer | era5(须写 product) |

解析从 @dingnl/ltvis-map/parse 引入,图层从 @dingnl/ltvis-map/layer 引入。

版权与授权

npm 上的公开包会在图容器上、下、左、右任意一边放一个正向的 Ltvis / DINGNL 字标并沿该边移动,导出图片同样带上。打开页面时,浏览器控制台会打印版本、编译日期、版权声明、文档地址和联系方式。parse、create*Layer、addTo 以及其它公开 API 不能关闭水印或这条控制台信息,也不存在 setLicense 一类接口。

需要无水印版本时,向 dingnl 申请授权。获准后会另行交付离线安装包,用该目录覆盖 @dingnl/ltvis-map 即可。调用代码与公开包相同。授权包图上无水印,控制台会打印授权对象、版本、版权声明和联系方式,须保留。授权包不得转借、转售,也不得改写版权信息后对外提供。

申请授权:邮件 [email protected],或 QQ 1981261270,备注 ltvis-map。


文档与示例

在线文档与示例:https://www.dingnl.com/map/

产品中心:https://www.dingnl.com


联系作者

接入、定制或使用中遇到问题,欢迎直接联系作者。

各资料线、各产品的示例效果与接入说明见文档站。邮件可附复现数据或截图;即时沟通请加 QQ,备注 ltvis-map。

| 方式 | 账号 | | :-----: | --------------------------------------------- | | 📧 邮箱 | [email protected] | | 💬 QQ | 1981261270 |