三维应用开发及示例_赵卫林.pdf

1、三维应用开发及示例易智瑞信息技术有限公司 赵卫林三维应用开发基础01三维应用新特性02三维应用开发示例03三维应用开发基础 基础元素JS API构建Web三维应用的基础元素数据层：Map、Layers展示层：SceneView、Camera三维应用开发基础 MapJS API 数据与视图分离，Map类包含了用于存储、管理以及叠加图层的属性和方法。Map实例是一个容器，可以对图层数据进行添加和删除等操作，但要需要View进行渲染。Map实例可以被多个View使用，例如通过创建View的子类MapView和SceneView，使用同一个Map实例，实现二三维一体化。Map类管理图层的属性与方法：属

2、性属性方法方法basemap：底图，Basemap类型ground：地形与高程信息，Ground类型allLayers：所有图层的集合，Collection类型layers：具体业务图层，Coolection类型add()：添加一个图层，可指定图层位置addMany()：添加多个图层，可指定位置findLayerById()：根据ID寻找图层remove()：移除指定图层removeAll()：移除全部图层removeMany()：移除多个图层reorder()：对某个图层进行重排序（id变换）View主要作用是渲染图层、图层弹窗和微件，处理用户交互。在三维应用中，使用基于浏览器WebGL技术

3、的SceneView，来渲染3D视图。SceneView提供了两种展示地球形态的方式：global模式将地球描述为球体，其通过WebMercator、GCS2000 或者 WGS84空间投影来创建；允许显示整个地球场景；可以浏览地下（Ground.navigationConstraint.type设置为none）。local模式将地球描述为一个平面，可以通过任何坐标系来创建；显示局部场景；可以浏览地下。三维应用开发基础 View图层是可在Map中使用的数据集合，JS API支持多种类型的图层(多种类型的数据源），构建一个三维应用常用的数据包括：三维应用开发基础 Layer精模精模（SceneL

4、ayerSceneLayer）BIMBIM（BuildingLayerBuildingLayer）倾斜摄影数据倾斜摄影数据（IntegratedMeshLayerIntegratedMeshLayer）点云点云（PointCloudLayerPointCloudLayer）体元体元（VoxelLayerVoxelLayer）适合手工精细建模数据，如3dsMax生产出来的数据。BIM数据无人机倾斜摄影数据激光雷达获取的点云数据体元数据支持renderer支持renderer支持部分（不）展示支持renderer支持部分（不）展示支持popup支持popup支持压平不支持popup支持popup支

5、持querying支持querying不支持renderer不支持querying不支持querying不支持popup不支持querying创建 SceneView 时，它包含一个相机属性。相机定义了观察场景视图可见范围的点的位置、倾斜度和航向。此类仅适用于 3D场景视图。三维应用开发基础 Camera三维应用开发基础 EnvironmentEnvironment可以更改场景所处的环境状况。支持场景所处背景修改、光照配置以及改变天气状况等功能。三维应用开发基础 用户交互View支持事件View事件键盘事件鼠标事件key-down，key-up focus，blur，layerview-cre

6、ate，layerview-create-error，layerview-destroy，resizeclick，double-click，immediate-click，drag，hold，immediate-double-click，pointer-down，mouse-wheel，pointer-leave，pointer-move，pointer-up SceneView 基础渲染符号(Symbol3D)：PointSymbol3DLineSymbol3DPolygonSymbol3DMeshSymbol3DLabelSymbol3D三维应用开发基础 常规几何符号渲染3d标签(Labe