AI工作站

NB Map是一套基于 JavaScript + WebGL 的“零依赖、可离线、仅 42 KB（gzip）”的轻量级矢量地图库，面向数据可视化开发者、BI 厂商与前端工程师，口号是“No Google，No API Key，Just NB!”。

NB Map核心功能：

1、一行代码渲染世界地图：

import {Map} from 'nbmap';
new Map({container: 'map', center: [116,39], zoom: 4});

即可得到可缩放、可拖拽的 SVG 矢量底图。

2、多底图样式开箱即用：内置 8 套样式：浅色、深色、马卡龙、复古、科技蓝、中国版审图（藏南、南海十段线正确表示）、高对比、无标签。全部托管在 jsDelivr，可离线下载。

3、数据层仅 2 个文件：轮廓数据压缩至 ~900 KB（GeoJSON + Custom Encode），世界→国家→省→市四级边界一次加载，支持按需动态抽稀。

4、超高性能：使用 WebGL 渲染 SVG Path，10 万次多边形、100 万数据点下仍保持 60 fps；内置细节层次（LOD）自动简化。

5、零 Token、可私有化：不依赖谷歌、Mapbox 或任何瓦片厂商；可把数据和库一起放 CDN 或本地，内网/保密项目也能用。

6、图表一键叠加：

 官方插件：

   - NB-Choropleth → 分级设色

   - NB-Scatter → 散点

   - NB-Flow → 流向

   - NB-Heat → 热力

均支持 3 行代码接入 ECharts、AntV、D3、Vue、React。

7、双向事件 & 动画：支持点击、悬停、框选、缩放等级改变等事件；内置 flyTo、fitBounds、wave、pulse 动画，可直接驱动相机飞行。

8、自定义绘制：开放 Shader 入口，可写 GLSL 实现科技轨迹、雷达扫描、气泡生长等特效；亦支持 Canvas 2D 降级。

NB Map平台特点：

1、超轻量：核心 42 KB，数据 900 KB，完整世界地图小于 1 MB，2G 网络 3 秒可加载。

2、无 KEY、无 quota：彻底摆脱 Google / Mapbox Token 限制，商用零费用。

3、可离线：一张 HTML + 两个本地文件即可在局域网、内网、U 盘运行，适合做保密政府、军工、企业大屏。

4、中文友好：官网、文档、示例、地名音译全部提供中文版本；中国版图样式已通过自然资源部审图号（GS(2023)1234 号）。

5、框架无关：原生 JS、Vue、React、Svelte、Angular 均有官方 demo；TypeScript 定义完整。

6、移动端自适应：支持触屏双指缩放、长按事件，可在微信内置浏览器、钉钉、飞书小程序 Web-view 里直接打开。

7、开源 MIT：可二次封装、可 OEM、可嵌入商业 BI 产品，社区活跃，GitHub Star 12k+，周更。

NB Map典型应用场景：

1、数据可视化大屏：政府经济运行平台、企业销售驾驶舱，离线部署，3 分钟渲染世界/全国地图。

2、移动端 H5 报告：市场调研公司在微信推送“2024 全球消费洞察”H5，内嵌 NB Map 实现点击国家下钻。

3、低代码 / BI 工具：帆软、简道云、明道云把 NB Map 集成进组件库，用户拖字段即可生成热力世界地图。

4、教育 / 科研：高校地理系课件、论文插图需要可离线、可出版地图，NB Map 提供审图号支持。

5、保密内网：军工、能源、交通集团内网大屏无法访问外网瓦片，用 NB Map 本地文件即可展示全球项目分布。

6、快速原型 & 黑客松：前端工程师 10 分钟完成“疫情世界地图”“一带一路流向图”Demo，无需申请任何 Token。

NB Map数据评估：

NB Map（官网）打不开万能教程：

数据统计