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

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

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

VJMAP3D

三维场景、CAD 图转三维、模型加载、粒子与后处理、WebGPU。

打开示例站 ↗ GitHub 源码 更多源码请加客服微信客服微信二维码微信扫码添加客服
创建实体
创建实体

创建一个实体设置并显示实体配置属性

实体运行 ↗
实体设置选择辉光
实体设置选择辉光

实体设置高亮辉光属性

实体运行 ↗
实体响应事件
实体响应事件

通过增加事件模块给实体增加事件

实体运行 ↗
实体动画模块
实体动画模块

加载有动画的模型,通过动画模块显示动画

实体运行 ↗
实体动画路径
实体动画路径

创建一个实体沿指定路径行走的动画模块。

实体运行 ↗
实体设置路径动画和速度
实体设置路径动画和速度

路径行走每段路径设置不同动画和速度。

实体运行 ↗
实体行为组件
实体行为组件

给实体增加行为组件

实体运行 ↗
四棱锥
四棱锥实体运行 ↗
立体光墙
立体光墙实体运行 ↗
波动光墙
波动光墙实体运行 ↗
飞线
飞线实体运行 ↗
唯杰2D地图效果
唯杰2D地图效果

唯杰2D地图为底图,vjmap3d做为一个3D图层叠加在上面

实体运行 ↗
拉伸实体
拉伸实体

创建、修改、删除拉伸

实体运行 ↗
拉伸实体(2D地图模式)
拉伸实体(2D地图模式)

创建、修改、删除拉伸,基于2D地图(3D做为一个图层叠加)

实体运行 ↗
多段线实体
多段线实体

创建、修改、删除多段线实体

实体运行 ↗
Gl多段线实体
Gl多段线实体

创建、修改、删除GL多段线实体(不能设置线宽,但性能更好)

实体运行 ↗
Gl多段线动画-
Gl多段线动画-实体运行 ↗
多边形实体
多边形实体

创建、修改、删除多边形实体

实体运行 ↗
多边形实体材质
多边形实体材质

给多边形创建材质

实体运行 ↗
加载世界地图
加载世界地图实体运行 ↗
加载调试瓦片图层
加载调试瓦片图层实体运行 ↗
加载局部地图
加载局部地图实体运行 ↗
加载地形
加载地形实体运行 ↗
裁剪地图
裁剪地图实体运行 ↗
加载CAD图
加载CAD图

加载CAD图并能拾取获取CAD图上的数据

实体运行 ↗
CAD图与互联网地图叠加显示
CAD图与互联网地图叠加显示实体运行 ↗
创建mesh实体
创建mesh实体

创建一个Mesh实体并根据数据生成实体热力图

实体运行 ↗
实例化Mesh实体
实例化Mesh实体

批量化创建Mesh实体

实体运行 ↗
创建符号实体
创建符号实体

创建、修改、删除符号实体

实体运行 ↗
点符号动画
点符号动画实体运行 ↗
创建精灵标记实体
创建精灵标记实体实体运行 ↗
渲染材质绘制创建精灵标记实体
渲染材质绘制创建精灵标记实体实体运行 ↗
渲染材质事件效果绘制创建精灵标记实体
渲染材质事件效果绘制创建精灵标记实体实体运行 ↗
批量创建精灵标记实体
批量创建精灵标记实体实体运行 ↗
批量创建精灵标记实体(2D地图模式)
批量创建精灵标记实体(2D地图模式)实体运行 ↗
创建精灵图像实体
创建精灵图像实体实体运行 ↗
创建精灵文本实体
创建精灵文本实体实体运行 ↗
精灵图像文本组合使用
精灵图像文本组合使用实体运行 ↗
创建精灵动画实体
创建精灵动画实体实体运行 ↗

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