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

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

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

AI 可视化平台

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

打开示例站 ↗ GitHub 源码 更多源码请加客服微信客服微信二维码微信扫码添加客服
postMessage 入站解析
postMessage 入站解析

先用 parseInboundEvent 归一消息,再由 postMessageEventSource 定向投递到组件(入站、postMessage、解析、定向)

入站事件与连接运行 ↗
轮询入站更新图表
轮询入站更新图表

pollingEventSource 立即拉取本地数据,并由 startEventInbound 的 setData 落点刷新图表(入站、轮询、setData、图表、离线)

入站事件与连接运行 ↗
WebSocket 入站 Mock
WebSocket 入站 Mock

临时替换浏览器 WebSocket,走真实 websocketEventSource 后关闭并恢复原对象(入站、WebSocket、Mock、全局清理)

入站事件与连接运行 ↗
PocketBase 实时工厂注入
PocketBase 实时工厂注入

用 eventSourceFactory 与 fetchImpl Mock 驱动真实 pocketbaseEventSource 订阅链(入站、PocketBase、SSE、Mock、工厂注入)

入站事件与连接运行 ↗
入站通道防护栏
入站通道防护栏

离线 polling 工厂依次喂入事件,真实经过 allowNames、dedupBy、minIntervalMs 与 append/limit(入站、白名单、去重、限流、append、limit、离线Mock)

入站事件与连接运行 ↗
同一入站消息双落点
同一入站消息双落点

同页 postMessage Mock 经 SDK 工厂进入 startEventInbound,同时 emit 到组件并 setData 到表格(入站、双落点、emit、setData、postMessage、离线Mock)

入站事件与连接运行 ↗
入站事件置顶审计
入站事件置顶审计

自定义离线事件源真实经过 startEventInbound,以函数去重并用 setData.script 解包异构 payload 后 prepend/limit(入站、审计流、函数去重、script、prepend、limit、离线确定性)

入站事件与连接运行 ↗

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