# 三维应用

# 介绍

唯杰地图3D (opens new window) VJMAP3D是一款基于threejs (opens new window)开发的三维可视化引擎框架。通过VJMAP3D提供的丰富的功能,可以在浏览器中创建出绚丽的3D可视化应用。

该框架既可做为一个单独的3D引擎用于数据可视化、产品展示、数字孪生、三维GIS等多个领域的可视化开发, 也可以结合唯杰地图VJMAP做为一个3D图层,能够在保留二维图形信息的直观性同时,融入三维空间的深度感知和交互性,为用户带来更丰富、立体和沉浸式的视觉体验及数据分析能力。

具有如下特点:

  • 完全兼容AutoCAD格式的DWG文件展示,无需转换
  • 兼容唯杰地图,同一套框架,同一套代码,既兼容VJMAP3D图层,又可单独做为三维引擎使用
  • 基于threejs开发,兼容threejs写法。threejs拥有庞大的开发者社区和丰富的教程资源,能利用threejs生态资源
  • 易用性高:学习门槛低,提供丰富的API接口,便于快速上手开发3D应用。
  • 丰富的内置功能:提供了预设对象和材质,以及粒子系统、后期处理等高级特性,便于快速实现复杂视觉效果。
  • 交互设计:提供丰富的交互组件和事件处理机制,增强用户体验和应用互动性。支持场景中的对象拾取与交互,简化了交互逻辑的实现。
  • 扩展性强:基于模块化开发,支持自定义扩展,满足多样化开发需求。

vjmap3d既可做为一个单独的3D引擎, 也可以基于唯杰地图VJMAP (opens new window)做为一个3D图层,能够在保留二维图形信息的直观性同时,融入三维空间的深度感知和交互性,为用户带来更丰富、立体和沉浸式的视觉体验及数据分析能力。

唯杰地图3D官网 (opens new window)

唯杰地图3D文档 (opens new window)

唯杰地图3D开发示例 (opens new window)

唯杰地图3D案例 (opens new window)

# 做为唯杰地图的三维图层

其步骤为:

示例如下:

显示代码
全屏显示

点击查看 做为唯杰地图的三维图层具体 案例效果 (opens new window) image-20240923105036677

# 创建CAD为底图的3D应用

通过 vjmap3d 中的 MapViewEntity (opens new window) 来创建一个地图实体。

显示代码
全屏显示

点击查看 做为唯杰地图的三维图层具体 案例效果 (opens new window) image-20240923110109457

总结

使用vjmap3d创建3d应用做为唯杰地图的三维图层 使用,除了初始化代码不同外,业务代码基本上可复用,做到同一套代码用在不同的框架上。

需要说明的是:当vjmap3d做为唯杰地图的三维图层使用时,其相机是由唯杰地图控制的,vjmap3d的相机会和唯杰地图相机保持同步。因此在这种模式下,不能直接操作vjmap3d的相机。同时因为唯杰地图暂不支持后期处理,所以在这种模式下,vjmap3d的后期处理功能会自动禁用。