唯杰 AI 可视化平台
大屏、地图、组态、三维，
一份工程全搞定
拖组件、绑数据、配交互，导出一份工程文件，由运行时播放或用 SDK 嵌入业务系统。编辑器与运行时同源渲染，编辑所见即发布所得；平台全面接入 MCP，编辑器内置 AI 助手，人和 AI 都能搭页面、改页面。
帮我搭一个智慧水厂调度大屏，左侧工艺流程组态，右侧实时指标开始使用
允许 AI 控制本页面
Cursor 等工具直连
从模板到上线，四步完成
- 01
选模板新建
从三百余个示例工程或分类模板开始，支持拼音搜索
- 02
搭建页面
拖组件、绑数据、配交互；也可以直接让 AI 来搭
- 03
预览发布
草稿与发布快照分开保存，发布即得 /view 链接
- 04
交付集成
iframe 嵌入、SDK 嵌入，或导出工程 JSON 与二开工程包
四种可视化，同屏混排
二维地图：CAD 与互联网底图双体系
基于唯杰地图内核，CAD 坐标与地理坐标两套体系，高德、天地图、OSM 与 DWG 工程图可以互相叠加。
- WMS / WMTS 服务接入
- 点位、轨迹、热力、区域等地图图层
- 真实 CAD 底图的图层、测量与鹰眼
组态 SCADA：测点驱动的工艺流程
SVG 工艺流程图由测点数据驱动，支持流动连线与 2.5D 等轴测，100+ 工业图元开箱即用。
- 泵、阀、罐、管道等工业图元
- 流动连线与状态联动
- 告警分级与控制闭环
三维孪生：默认 WebGPU
41 种三维元素，默认 WebGPU 渲染、可回退 WebGL；支持倾斜摄影与 CAD 转三维。
- 园区、工厂、管廊等三维场景
- 相机巡检与跨场景定位
- 与二维、组态同页联动
多源数据与事件编排
平台数据、API、WebSocket、Webhook、PostMessage、模拟数据与 Excel / CSV / JSON；以「连接，表，字段」绑定组件。
- 规则、筛选与组件联动
- 触发器 → 动作：多状态、定时器、切页、开窗
- 等比铺满、百分比自适应与大中小断点
人和 AI 一起搭页面
编辑器 AI 助手
右下角 AI 助手：问答、活动日志，支持截图标注后发给多模态模型。
页面 MCP
开启「允许 AI 控制本页面」后，AI 可读结构、改属性、切页、开窗、推数、截图核对并保存。
官方 MCP
https://vjmap.com/server/vp/mcp：查组件、查文档、取示例、校验工程。
SDK 嵌入
createVpViewer 挂载工程，ctx.setData 推数，ctx.on 监听事件。
代码双向
导出 .vp.tsx 用代码改整页，再编译回工程 JSON。
四种交付方式
线上发布、导出 .vpproj.json、导出 VP-TSX、导出 Vite + Vue 二开工程包。
综合示例
SDK Playground 共 338 个示例，其中 336 个带截图
常见问题
做好的大屏怎么交付？
四种方式：线上发布得到 /view 链接；导出 .vpproj.json 工程文件；导出 VP-TSX 用代码维护；导出内置 SDK 的 Vite + Vue 二次开发工程包。
只想把大屏嵌进现有系统怎么办？
最简单的是 iframe 嵌入 /view?project=<id>，零依赖；需要推数和监听事件时用 SDK 的 createVpViewer。
SDK 怎么获取？
vjvpsdk 目前没有发布到公网 npm，需要通过私有源或本地路径安装（peer 依赖 vue ^3.5），请联系我们获取。
支持哪些地图底图？
高德、天地图、OSM 等互联网地图，以及 DWG 工程图，两类底图可以互相叠加。
AI 用的是什么模型？
可配置任意 OpenAI 兼容端点（示例使用通义千问），用户也可以添加自己的端点。
如何获取授权与报价？
请通过页面底部的服务号或客服微信联系我们。