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

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

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

AI 可视化平台

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

打开示例站 ↗ GitHub 源码 更多源码请加客服微信客服微信二维码微信扫码添加客服
离线工业三维场景
离线工业三维场景

用 scene-3d 内置基础图元搭建储罐、厂房和流动管线(三维、工业场景、pieces、离线、VpWidgetHandle)

三维场景运行 ↗
三维测点与行为聚焦
三维测点与行为聚焦

用 setData 驱动设备状态,再通过通用句柄目标执行 focus 行为(三维、测点、状态规则、行为事件、聚焦)

三维场景运行 ↗
运行时构造三维场景
运行时构造三维场景

viewer 挂载后用 ctx.addWidget 与内置 pieces 创建离线 scene-3d(三维、运行时构造、addWidget、pieces、location.origin、service-mock、离线)

三维场景运行 ↗
三维工业特效协同
三维工业特效协同

内置离线 particle、beam、flyline 与 effects 围绕储罐、厂房、转机和流动管道组成工业遥测场景(三维、particle、beam、flyline、effects、工业图元、location.origin、service-mock、离线)

三维场景运行 ↗
三维标注标记与看板精选
三维标注标记与看板

label / marker / fxmarker / board / text / sprites,测点长表驱动数值与状态色(三维、label、marker、board、sprites、测点、离线)

三维场景运行 ↗
三维区域围栏雷达与热力精选
三维区域围栏雷达与热力

zone / wall / radar / heatmap 用测点换色,热力点为本地多行文本(三维、zone、wall、radar、heatmap、测点、离线)

三维场景运行 ↗
三维导引线管网与线条精选
三维导引线管网与线条

trail / pipenet / line 用静态路径搭拓扑,测点控制流动与换色(三维、trail、pipenet、line、管网、离线)

三维场景运行 ↗
三维楼块拉伸与批量实例精选
三维楼块拉伸与批量实例

buildings / extrude / instances 零模型铺城市体块与阵列(三维、buildings、extrude、instances、城市体块、离线)

三维场景运行 ↗
三维图表 LED 与 HTML 面板精选
三维图表 LED 与 HTML 面板

chart2d / ledtext / html 真三维贴片,chart2d 可由测点 JSON 刷新(三维、chart2d、ledtext、html、看板贴片、离线)

三维场景运行 ↗
三维相机巡航与小地图精选
三维相机巡航与小地图

orbit 巡航、视角书签与右下角 minimap,全程离线 WebGL(三维、相机、巡航、书签、小地图、scene3d-view、离线)

三维场景运行 ↗
场景天空雾与剖切精选
场景天空雾与剖切

四套程序化天空、线性/指数雾、scene3dClip 步进剖切,全部写在初始 options(三维、scene3d-scene、天空、雾、剖切、离线)

三维场景运行 ↗
相机巡航与步行精选
相机巡航与步行

orbit 巡航、入场飞入、小地图写在初始相机 options;按钮切 walk / 关巡航(三维、相机、orbit、minimap、walk、离线)

三维场景运行 ↗
视角书签精选
视角书签

三枚 scene3d-view 书签,侧栏按钮 scene3dFlyTo 真飞,点建筑也可聚焦(三维、scene3d-view、书签、离线)

三维场景运行 ↗
五灯与镜头光晕精选
五灯与镜头光晕

ambient/directional/point/spot/hemisphere + 主光 lensflare 写在初始 options(三维、灯光、lensflare、离线)

三维场景运行 ↗
后期画质精选
后期画质

bloom / 悬停描边 / SSAO / 电影色调全部写在初始后期 options(三维、后期、bloom、ssao、描边、离线)

三维场景运行 ↗
风格化后期精选
风格化后期

pixelate / outline-click 写在初始 options;glitch 与引擎辉光卷积互斥,按钮可试开(三维、后期、pixelate、outline、离线)

三维场景运行 ↗
离线粒子六预设精选
离线粒子六预设

fire/smoke/rain/snow/firework/text 拉开空间,火堆配暖点光(三维、粒子、fire、smoke、firework、离线)

三维场景运行 ↗
形状九几何精选
形状九几何

box/sphere/cylinder/cone/capsule/plane/torus/helicoid/sphube 同屏自转(三维、形状、几何、helicoid、sphube、离线)

三维场景运行 ↗
特效材质精选
特效材质

全息/玻璃/流光/镜面地板 + Shadertoy 八预设抽检(三维、材质、hologram、shadertoy、reflector、离线)

三维场景运行 ↗
形状路径自转脉动精选
形状路径自转脉动

path-points 循环巡线,按钮 scene3dPathControl 播放/暂停/复位(三维、路径动画、spin、pulse、离线)

三维场景运行 ↗
拉伸体精选
拉伸体

L 形/六边形/星台拉伸 + 棱线发光与流光(三维、scene3d-extrude、离线)

三维场景运行 ↗
批量楼块精选
批量楼块

bld-data 多栋一次绘制,底顶渐变+发光棱线(三维、scene3d-buildings、离线)

三维场景运行 ↗
发光管道精选
发光管道

干管/回水反向/蒸汽/盘管四路 + flow-rules 四态(三维、scene3d-pipe、离线)

三维场景运行 ↗
管网拓扑精选
管网拓扑

circle/arch/rect 三断面 + 节点球 + 流动箭头(三维、scene3d-pipenet、离线)

三维场景运行 ↗
飞线彗星精选
飞线彗星

四路汇聚 + 一条反向回程,脉冲与拱高不同(三维、scene3d-flyline、离线)

三维场景运行 ↗
发光细线精选
发光细线

常显边界 / 生长导览 / 跑马环带三动画(三维、scene3d-line、离线)

三维场景运行 ↗
导引线精选
导引线

两条疏散箭头流动路线,告警变红加速(三维、scene3d-trail、离线)

三维场景运行 ↗
光墙围栏精选
光墙围栏

闭合电子围栏流光扫动,告警红闪(三维、scene3d-wall、离线)

三维场景运行 ↗
雷达扫描精选
雷达扫描

三台不同半径转速扇区,空情告警变红(三维、scene3d-radar、离线)

三维场景运行 ↗
热力图精选
热力图

2d 贴地与 3d 起伏同数据对照(三维、scene3d-heatmap、离线)

三维场景运行 ↗
液位罐精选
液位罐

圆柱/方罐液柱升降,高低位换色闪烁(三维、scene3d-tank、离线)

三维场景运行 ↗
区域面精选
区域面

L 形/矩形/抬高平台责任面,告警红闪(三维、scene3d-zone、离线)

三维场景运行 ↗
数据点云精选
数据点云

Instanced 点云量程三段色,JSON 整批刷新(三维、scene3d-points、离线)

三维场景运行 ↗
LED 字幕精选
LED 字幕

横向跑马 + 纵向滚屏,测点上屏换色(三维、scene3d-ledtext、离线)

三维场景运行 ↗
值标签精选
值标签

CSS2D 值标签入场弹跳,单位与告警色(三维、scene3d-label、离线)

三维场景运行 ↗
三维文字精选
三维文字

真三维中文标题 + 门楣固定字 + 描边辉光(三维、scene3d-text、离线)

三维场景运行 ↗
标记点精选
标记点

beacon/ring/pin 三样式 + 入场坠落(三维、scene3d-marker、离线)

三维场景运行 ↗
光柱标记精选
光柱标记

五色 POI 光柱涟漪与顶菱形(三维、scene3d-beam、离线)

三维场景运行 ↗
数据看板牌精选
数据看板牌

多指标行 + 行状态色(三维、scene3d-board、离线)

三维场景运行 ↗
HTML 立牌精选
HTML 立牌

内联 HTML 铭牌,无外链,可被遮挡(三维、scene3d-html、离线)

三维场景运行 ↗
图标点位精选
图标点位

批量精灵点 + 第 4 段标签(三维、scene3d-sprites、离线)

三维场景运行 ↗
测量标注精选
测量标注

长宽高斜四向尺寸线(三维、scene3d-ruler、离线)

三维场景运行 ↗
动效标记精选
动效标记

引擎成品光圈六样式同屏(三维、scene3d-fxmarker、离线)

三维场景运行 ↗
序列帧动画精选
序列帧动画

canvas PNG 条带:脉冲涟漪 / 雷达扫描 / 旋转扇叶,零素材离线(三维、spriteanim、序列帧、canvas、离线)

三维场景运行 ↗
批量实例精选
批量实例

grid 机柜阵 + ring 圆环灯柱,悬停高亮(三维、scene3d-instances、离线)

三维场景运行 ↗
图表贴片精选
图表贴片

bar/pie/donut 真三维贴片,数据刷新生长动画(三维、scene3d-chart2d、离线)

三维场景运行 ↗
人员图标点位精选
人员图标点位

开敞拱形巷道内定位针精灵沿廊行走,测点 JSON 差分平滑移动(三维、人员、sprite、定位、离线)

三维场景运行 ↗
视频面板无信号墙精选
视频面板无信号墙

三块监控屏留空 URL,展示无信号占位与发光边框(三维、scene3d-video、监控、离线)

三维场景运行 ↗
同源模型爆炸精选
同源模型爆炸

本地 explode-boxes.gltf 多部件,scene3dExplode / scene3dSubStyle(三维、scene3d-model、爆炸、离线)

三维场景运行 ↗
Lottie 结构壳精选
Lottie 结构壳

scene3d-lottie 默认关闭且 URL 留空,避免引擎插件服务 404;旁边用着色器立牌代替动效(三维、scene3d-lottie、结构壳、离线)

三维场景运行 ↗
三维动作相机弹窗精选
三维动作相机弹窗

scene3dFlyTo / Focus / Popup / Highlight / SetVisible / 右键,对照 09-map 动作分册(三维、动作、scene3dFlyTo、scene3dPopup、scene3dHighlight、离线)

三维场景运行 ↗
三维动作剖切补间精选
三维动作剖切补间

scene3dClip / Tween / PathControl / SetOption / WritePoint / Snapshot(三维、动作、scene3dClip、scene3dTween、scene3dPathControl、离线)

三维场景运行 ↗
GIS 服务结构壳精选
GIS 服务结构壳

tilemap/tiles3d/cadwall/carflow 默认关闭且 URL 留空;旁边用楼块光柱做出离线城市场(三维、tilemap、tiles3d、cadwall、carflow、结构壳、离线)

三维场景运行 ↗
运行时加罐删管精选
运行时加罐删管

点按钮往已挂载的 scene-3d 里 addPiece 加罐、removePiece 删管(三维、运行时、addPiece、removePiece、液位罐、管道、离线)

三维场景运行 ↗
三维场景精选
取出 vjmap3d.App

句柄 raw 逃生舱拿到引擎 App / engineModule / threeModule,用原生 SDK 加自转球(三维、逃生舱、vjmap3d、App、three、原生SDK、离线)

三维场景运行 ↗

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