唯杰地图 logo唯杰地图
VJMAP
EN
Examples

1453 个在线示例,打开就能跑

覆盖 2D 图纸、CAD 绘图扩展、三维、WebCAD 与 AI 可视化。每个示例都附完整源码,可在示例站在线修改运行,源码也已开源在 GitHub · vjmap-playground,更多源码请加客服微信。

AI 可视化平台

大屏与看板 SDK:组件、数据、事件、地图、组态与三维。

打开示例站 ↗ GitHub 源码 更多源码请加客服微信客服微信二维码微信扫码添加客服
SCADA 运行时测点精选
SCADA 运行时测点

用 setPoint/setPoints 驱动泵、液位与管线,并演示 getPoint/clearPoints(SCADA、测点、setPoint、setPoints、clearPoints)

SCADA 组态运行 ↗
枚举 SCADA 拓扑精选
枚举 SCADA 拓扑

通过 listNodes/listLinks 读取真实图元和连线清单(SCADA、拓扑、listNodes、listLinks)

SCADA 组态运行 ↗
SCADA 点击订阅精选
SCADA 点击订阅

用真实 VpScadaHandle 订阅 node/link/blank,并程序化触发底层播放态命中(SCADA、事件、点击、订阅、清理)

SCADA 组态运行 ↗
SCADA 控制闭环精选
SCADA 控制闭环

按钮点击改变设备状态,再由 setPoints 驱动泵与两段管线(SCADA、控制闭环、按钮、事件、setPoints、离线)

SCADA 组态运行 ↗
SCADA 工业图元画廊精选
SCADA 工业图元画廊

双回路工艺链 + 标题栏/状态牌,setPoints 驱动设备、仪表与流动管线反馈(SCADA、工业图元、schema、图元画廊、流动管线、setPoints、离线)

SCADA 组态运行 ↗
泄漏联锁最小演练精选
泄漏联锁最小演练

确定性泄漏使气体逐拍升高,达到高高限后自动关阀停泵、冻结 interlocked 并弹出应急窗(SCADA、泄漏联锁、高高限、状态机、趋势、状态轨迹、应急窗口、setPoints、离线)

SCADA 组态运行 ↗
2.5D 等轴测泵站精选
2.5D 等轴测泵站

混凝土地坪铺满 + 行业设备图按比例就位 + 测点驱动液位/泵态/管流(SCADA、2.5D、等轴测、图片图元、depth-sort、测点长表、离线)

SCADA 组态运行 ↗
天气与粒子特效精选
天气与粒子特效

fx-sun/cloud/rain/snow/lightning/fog 与火焰蒸汽烟雾气泡火花,全部离线 CSS 粒子(SCADA、天气、粒子、fx-rain、fx-fire、离线)

SCADA 组态运行 ↗
水务与暖通组态精选
水务与暖通组态

给排水工艺链与 HVAC 冷机/AHU/风阀,测点长表驱动液位、开度与流动(SCADA、水务、暖通、HVAC、曝气、冷机、测点长表、离线)

SCADA 组态运行 ↗
值驱动旋转移动缩放显隐精选
值驱动旋转移动缩放显隐

测点线性映射到几何,并按值切换动画与管线流速(SCADA、值驱动、旋转、移动、缩放、显隐、流速、离线)

SCADA 组态运行 ↗
能源电力与新能源组态精选
能源电力与新能源组态

单线图母线/互感器与光伏风机储能充电桩,测点驱动状态与流动(SCADA、电力、新能源、母线、光伏、风机、储能、离线)

SCADA 组态运行 ↗
管阀族精选
管阀族

11 种阀串在一条干管上,测点驱动开关色,立体管道按值流动(SCADA、阀、管阀、电动阀、流动、测点、离线)

SCADA 组态运行 ↗
管路管件精选
管路管件

管段/弯头/三通/四通/异径/法兰全部串进立体管道,弯头走真实端口(SCADA、管件、弯头、三通、法兰、立体管道、离线)

SCADA 组态运行 ↗
通用设备精选
通用设备

泵-过滤-换热-冷却-锅炉工艺链,仅泵/风机/汽轮机叶轮按值旋转(SCADA、泵、风机、换热器、锅炉、测点、离线)

SCADA 组态运行 ↗
容器液位精选
容器液位

立罐/球罐/卧罐/料仓/搅拌/水箱/料斗 overlay 液位,罐间有管(SCADA、容器、液位、球罐、料仓、料斗、liquid-wave、离线)

SCADA 组态运行 ↗
仪表指示精选
仪表指示

仪表盘/探头传感器/温度计/液位柱/数码管/声光挂在罐管旁(SCADA、仪表、温度计、液位柱、压力传感器、离线)

SCADA 组态运行 ↗
电气电子精选
电气电子

进线-变压-变频-发电机-控制柜-负荷回路,蓄电池电量分档(SCADA、电气、变压器、变频器、发电机、控制柜、离线)

SCADA 组态运行 ↗
电力单线图精选
电力单线图

铁塔-断路器-主变-母线,t1/t2/t3 分别下挂隔离 CT、PT 避雷、电能表负荷(SCADA、电力、单线图、母线、互感器、离线)

SCADA 组态运行 ↗
新能源精选
新能源

光伏/风机经逆变器并网,储能、充电桩、燃料电池成网(SCADA、新能源、光伏、风机、储能、充电桩、离线)

SCADA 组态运行 ↗
油气开采精选
油气开采

采油树-旋风-精馏-储罐,抽油机摆动、火炬火焰随测点(SCADA、油气、抽油机、火炬、采油树、离线)

SCADA 组态运行 ↗
水处理精选
水处理

格栅-絮凝-配水-曝气-沉淀-紫外,旁路加药/污泥泵/深井/集水坑(SCADA、水处理、曝气、沉淀、污泥泵、配水井、离线)

SCADA 组态运行 ↗
暖通空调精选
暖通空调

冷机-表冷-AHU-风阀-风管-盘管闭环,风阀开度按值旋转(SCADA、暖通、HVAC、AHU、风阀、离线)

SCADA 组态运行 ↗
工业粒子精选
工业粒子

火焰/烟雾/蒸汽/火花/气泡覆盖锅炉烟囱储罐电机,停机粒子隐藏(SCADA、粒子、火焰、蒸汽、火花、离线)

SCADA 组态运行 ↗
天气特效精选
天气特效

晴/雨随运行态切换,云雾雪电铺在厂站天空带上(SCADA、天气、雨雪、雾、闪电、离线)

SCADA 组态运行 ↗
2.5D 厂站精选
2.5D 厂站

混凝土地坪铺满 + 行业设备图 + 管架/传送带 + depth-sort(SCADA、2.5D、等轴测、厂房、图片图元、depth-sort、离线)

SCADA 组态运行 ↗
2.5D 物流精选
2.5D 物流

混凝土地坪铺满 + 货架/AGV/机床/货车园区 + 测点驱动走位与 SOC(SCADA、2.5D、物流、AGV、货架、图片图元、离线)

SCADA 组态运行 ↗
连线流速样式精选
连线流速样式

六条并联支路对比 flow/beads/dot/arrow/waterdrop/pulse(SCADA、连线、flow-style、流动、pulse、离线)

SCADA 组态运行 ↗
立体管道精选
立体管道

line-style=pipe 同心分层管径,弯头节点圆与法兰,waypoints 折弯(SCADA、立体管道、pipe-joints、离线)

SCADA 组态运行 ↗
连线路径动画精选
连线路径动画

marker 符号沿线行进:箭头/水滴/齿轮/火焰/电流/自定义 path,一条 keep-upright(SCADA、路径动画、marker、svg-path、离线)

SCADA 组态运行 ↗
阈值填色与柱高精选
阈值填色与柱高

fill-by-value 三段色 + height-by-value 把测点映射为高度(SCADA、fill-by-value、height-by-value、阈值、离线)

SCADA 组态运行 ↗
按值旋转精选
按值旋转

风阀/风机叶轮按测点线性映射转速与角度(SCADA、旋转、rotate-by-value、anim-speed、离线)

SCADA 组态运行 ↗
按值移动缩放显隐精选
按值移动缩放显隐

混凝土地坪铺满 + AGV 沿道路走位 / 声光缩放 / 盖板显隐(SCADA、移动、缩放、显隐、iso-agv、图片图元、离线)

SCADA 组态运行 ↗
流速随测点精选
流速随测点

连线 flow-by-value,测点同时改流动开关与速度(SCADA、流速、flow-by-value、flow-rules、离线)

SCADA 组态运行 ↗
主题与材质精选
主题与材质

同一批图元展示五种材质;按钮切换五套画板主题(SCADA、主题、材质、ground-shadow、离线)

SCADA 组态运行 ↗
轴测平面与深度排序精选
轴测平面与深度排序

混凝土地坪铺满;平面图元投到地面/左右墙,罐与管架参与遮挡(SCADA、iso-plane、depth-sort、2.5D、图片图元、离线)

SCADA 组态运行 ↗
自定义 SVG 图元精选
自定义 SVG 图元

svg-path 用 path d 与 svg-els 多元件符号,避免 xmlns(SCADA、svg-path、自定义符号、svg-els、离线)

SCADA 组态运行 ↗
换热站密布局精选
换热站密布局

一次/二次回路 + 管壳换 + 电动阀/深井泵/集水坑/仪表墙,对照官方换热站 2.0(SCADA、换热站、管壳换热器、密布局、离线)

SCADA 组态运行 ↗
声明式写测点精选
声明式写测点

按钮 click / 开关 switchChanged / 图元 scada-node-click → scadaWritePoint,不再被 setPoints 覆盖(SCADA、声明式、scadaWritePoint、开关、图元点击、离线)

SCADA 组态运行 ↗
标注图标精选
标注图标

8 种标注钉在混凝土地坪厂区,告警闪烁与状态色(SCADA、标注、地图钉、告警、人数、图片图元、离线)

SCADA 组态运行 ↗
大屏装饰 HUD精选
大屏装饰 HUD

title-bar/panel-frame/side-trim/bottom-trim/status-pill 包一层小工艺(SCADA、装饰、标题栏、面板、状态牌、离线)

SCADA 组态运行 ↗
通用图形精选
通用图形

矩形/圆/椭圆/菱形/三角做分区底与状态色块(SCADA、通用、矩形、菱形、状态色、离线)

SCADA 组态运行 ↗
连线路由与自由端精选
连线路由与自由端

line/polyline/curve 三路由 + 自由端坐标 + 反向流 + 虚线(SCADA、连线、router、curve、自由端、反向流、离线)

SCADA 组态运行 ↗
动画种类精选
动画种类

故障抖动/急闪/光晕/波纹/摆动/呼吸同屏,按值切换(SCADA、动画、shake、flash、glow、ripple、sway、离线)

SCADA 组态运行 ↗
图片图元按值换图精选
图片图元按值换图

shape:image + image-by-value / image-rules,泵阀两态切图(SCADA、图片图元、image-by-value、image-rules、离线)

SCADA 组态运行 ↗
精灵图序列帧与改选项精选
精灵图序列帧与改选项

sprite-enabled 播放风机,按钮 scadaSetOption 指定停止帧(SCADA、精灵图、sprite、scadaSetOption、离线)

SCADA 组态运行 ↗
连线点击写测点精选
连线点击写测点

scada-link-click 声明式动作 + listLinks / onLinkClick(SCADA、连线、scada-link-click、listLinks、离线)

SCADA 组态运行 ↗

找不到想要的?,它会从示例代码里找出最接近的写法。