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

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

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

扩展包 VJMAPEXT

在地图上绘制和编辑 CAD 实体,命令、捕捉、标注与特效。

打开示例站 ↗ GitHub 源码 更多源码请加客服微信客服微信二维码微信扫码添加客服
动画
基础旋转动画

用 animationManager.add() 添加手写回调实现旋转,演示最基础的动画驱动方式

动画运行 ↗
动画
多实体动画

使用 createTween 驱动多个实体同时执行不同动画:旋转、平移(yoyo)、缩放

动画运行 ↗
动画
路径跟随动画

小车沿弯曲道路匀速行驶,朝向对齐切线方向,返程时自动调头

动画运行 ↗
动画
缓动函数展示

多个圆球使用不同 easing 函数同时从左到右运动,可视化对比各缓动曲线效果

动画运行 ↗
动画
颜色渐变动画

使用 lerpColor 实现多个实体在不同颜色之间平滑循环渐变

动画运行 ↗
动画
雷达扫描效果(CAD叠加)

在CAD图上叠加多个渐变扇形雷达扫描,封装为 createRadar() 可复用函数

动画运行 ↗
动画
运动轨迹拖尾

多粒子沿不同参数曲线飞舞,双层发光轨迹 + 呼吸光球,支持多种曲线预设

动画运行 ↗
动画
箭头流动与指向动画

箭头线型流动网络 + 多线型对比 + 箭头实体追逐脉冲 + 旋转方向仪

动画运行 ↗
动画
脉冲扩散环

从中心向外扩散的圆环 + 淡出,多层叠加产生波纹效果

动画运行 ↗
动画
打字机效果

TextEnt 文字逐字显现,含光标闪烁,支持多行和不同速度

动画运行 ↗
动画
动画性能压测

大量实体同时执行动画,支持 100~10000 级别压测,实时 FPS 监控与多档对比

动画运行 ↗
动画
闪烁报警/呼吸灯

使用 BlinkEffect 模拟 SCADA 场景:正常/告警/故障三种设备状态指示灯

动画运行 ↗
动画
线条渐进绘制

复杂路径像被"画出来"一样逐步展开,支持不同缓动效果

动画运行 ↗
动画
弹簧物理动画

基于阻尼弹簧方程的物理动画,对比不同参数下的运动行为

动画运行 ↗
动画
关键帧序列动画

KeyframeAnimator 多维属性插值:轨道穿梭 · 缓动对比 · 呼吸脉冲

动画运行 ↗
动画
字符滚动动画

电子屏效果:横向跑马灯 + 纵向多行滚动,封装为 createHorizontalMarquee / createVerticalScroll 可复用函数

动画运行 ↗

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