# 三维应用
# 介绍
唯杰地图3D (opens new window) VJMAP3D
是一款基于threejs (opens new window)开发的三维可视化引擎框架。通过VJMAP3D提供的丰富的功能,可以在浏览器中创建出绚丽的3D可视化应用。
该框架既可做为一个单独的3D引擎用于数据可视化、产品展示、数字孪生、三维GIS等多个领域的可视化开发, 也可以结合唯杰地图VJMAP
做为一个3D
图层,能够在保留二维图形信息的直观性同时,融入三维空间的深度感知和交互性,为用户带来更丰富、立体和沉浸式的视觉体验及数据分析能力。
具有如下特点:
- 完全兼容
AutoCAD
格式的DWG
文件展示,无需转换 - 兼容
唯杰地图
,同一套框架,同一套代码,既兼容VJMAP
的3D
图层,又可单独做为三维引擎使用 - 基于
threejs
开发,兼容threejs
写法。threejs
拥有庞大的开发者社区和丰富的教程资源,能利用threejs
生态资源 - 易用性高:学习门槛低,提供丰富的API接口,便于快速上手开发3D应用。
- 丰富的内置功能:提供了预设对象和材质,以及粒子系统、后期处理等高级特性,便于快速实现复杂视觉效果。
- 交互设计:提供丰富的交互组件和事件处理机制,增强用户体验和应用互动性。支持场景中的对象拾取与交互,简化了交互逻辑的实现。
- 扩展性强:基于模块化开发,支持自定义扩展,满足多样化开发需求。
vjmap3d
既可做为一个单独的3D引擎, 也可以基于唯杰地图VJMAP (opens new window)做为一个3D
图层,能够在保留二维图形信息的直观性同时,融入三维空间的深度感知和交互性,为用户带来更丰富、立体和沉浸式的视觉体验及数据分析能力。
# 做为唯杰地图的三维图层
其步骤为:
- 引入
vjmap
sdk,创建vjmap.Map
地图对象,具体示例可查看 https://vjmap.com/demo (opens new window) - 创建 MapThreeLayer (opens new window) 3d图层
- 通过
map.addLayer
增加3d图层,通过3d图层获取App (opens new window)对象。
示例如下:
点击查看 做为唯杰地图的三维图层具体 案例效果 (opens new window)
# 创建CAD为底图的3D应用
通过 vjmap3d
中的 MapViewEntity (opens new window) 来创建一个地图实体。
点击查看 做为唯杰地图的三维图层具体 案例效果 (opens new window)
总结
使用vjmap3d
创建3d应用
和 做为唯杰地图的三维图层
使用,除了初始化代码不同外,业务代码基本上可复用,做到同一套代码用在不同的框架上。
需要说明的是:当vjmap3d
做为唯杰地图的三维图层使用时,其相机是由唯杰地图
控制的,vjmap3d
的相机会和唯杰地图
相机保持同步。因此在这种模式下,不能直接操作vjmap3d
的相机。同时因为唯杰地图
暂不支持后期处理,所以在这种模式下,vjmap3d
的后期处理功能会自动禁用。