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

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

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

AI 可视化平台

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

打开示例站 ↗ GitHub 源码 更多源码请加客服微信客服微信二维码微信扫码添加客服
组件事件与程序化点击
组件事件与程序化点击

用 on 监听组件内部事件,并用 onClick/click 走统一点击信号(事件、组件事件、点击)

事件与宿主桥接运行 ↗
选择与当前值订阅
选择与当前值订阅

用 select 驱动 onSelect 与 onValueChange,并在表格旁展示回调结果(事件、选择、值订阅、表格)

事件与宿主桥接运行 ↗
行为总线与定向派发
行为总线与定向派发

用 ctx.on 旁路观察交互事件,并用 ctx.emit 广播或定向投递(事件、行为总线、广播、定向)

事件与宿主桥接运行 ↗
onScript 宿主脚本桥
onScript 宿主脚本桥

由执行脚本交互触发真实 ctx.onScript,离线接管命令而不访问后端(事件、宿主桥接、执行脚本、离线)

事件与宿主桥接运行 ↗
onRequest Mock 请求桥
onRequest Mock 请求桥

用 requestApi 交互触发真实 ctx.onRequest,并把离线响应写入柱状图数据源(事件、宿主桥接、请求、Mock、图表)

事件与宿主桥接运行 ↗
全量与命名事件观察
全量与命名事件观察

ctx.on 两种重载并存接收行为事件,并分别验证退订边界(事件、行为观察、全量订阅、命名订阅、退订、ctx.on、离线)

事件与宿主桥接运行 ↗
列表跨页联动
列表跨页联动

列表 itemClicked 发出行为事件,宿主切页并用 payload 更新目标组件(事件、跨页联动、列表、itemClicked、行为事件、页面切换、组件控制、离线)

事件与宿主桥接运行 ↗
onRequest LIFO 接管栈精选
onRequest LIFO 接管栈

真实 requestApi 配置依次命中挂载处理器、后注册处理器与退订后的挂载回落(事件、requestApi、onRequest、LIFO、处理器栈、退订回落、Mock、双结果集、图表、离线)

事件与宿主桥接运行 ↗
声明式开关弹层精选
声明式开关弹层

按钮 click → switchPopup toggle 页面内 group-popup(事件、声明式、switchPopup、弹层、离线)

事件与宿主桥接运行 ↗
声明式修改选项精选
声明式修改选项

按钮 click → changeOption 改标题文本(事件、声明式、changeOption、离线)

事件与宿主桥接运行 ↗
声明式打开视图精选
声明式打开视图

按钮 click → openView 切 layout-section 到指定序号(事件、声明式、openView、layout-section、离线)

事件与宿主桥接运行 ↗
声明式切换多状态精选
声明式切换多状态

按钮 click → switchState 把卡片切到告警状态(事件、声明式、switchState、多状态、离线)

事件与宿主桥接运行 ↗
声明式打开画面精选
声明式打开画面

按钮 click → switchWindow open/close/toggle 工程窗口,对照 switchPopup(事件、声明式、switchWindow、窗口、离线)

事件与宿主桥接运行 ↗

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