KeepSoft3D使用手册

  1. 引言

    • 系统概述
          基于WebGL开源库cesium,结合前端react框架,redux消息管理机制,编写的一套可以加载并展示矢量数据,三维倾斜摄影场景数据,模型数据的系统。cesium和react的结合降低了组件之间耦合度,提高了组件复用率,为管理和重构软件提供了便利。大大提高了便携程度,减少了软件开发周期,降低了人力成本,打造了酷炫的三维渲染效果。
    • 编写目的
          本手册为使用本系统人员服务,详细说明每一个功能用途及使用方法。
    • 使用范围
          仅限于本系统开发人员和使用人员,解释权归开发人员所有。
    • 运行环境
          硬件环境:适用于PC端现代浏览器和移动端现代浏览器。
          软件环境:适用于PC端 Windows及Mac系统,移动端android和ios系统。
  2. 主界面
         本产品分为两大部分,一部分为显示三维球体的显示界面,占整个屏幕的大部分。另一部分为操作按钮部分,占屏幕小部分。操作按钮部分又分为四大模块:顶部菜单模块,图层菜单模块,操作手柄和底部显示。pc端如下图所示:main-ui     移动端如下图所示:phone-ui

  3. 功能介绍

    • 3.1 顶部菜单

      顶部菜单主要功能是控制图层的显示,加载图层的选择,二维和三维之间的切换。

    • 3.1.1 图层管理
      点击数据菜单按钮,弹出左侧图层管理,单击箭头,左侧图层管理消失。
    • 3.1.1.1 图层控制
      图层管理包含图层的加载,移除,缩放至项目范围区,改变图层透明度。图层管理如下图所示:layers
      • 点击全部移除则添加的图层被全部移除
      • 点击图层范围,则定位到该图层范围
      • 拖动滑动条,改变图层的透明度
    • 3.1.1.2 数据加载

      • 点击添加图层,弹出图层列表,如下图所示:layers
      • 点击想要加载的图层类型,点击加号加载图层至三维球
    • 3.1.2 图层菜单
      点击图层按钮 layerTool弹出加载不同维度图层栏,再次点击图层按钮,图层加载栏消失。如下图所示:3dlayers
          点击图层菜单出现不同维度影像加载列表。不同维度图层加载包括二维影像,三维影像和2.5D影像。点击不同的维度,对应出现不同维度的影像,右边的操作柄也随之变动。点击2.5D和2D指北针消失,点击3D指北针出现。

    • 3.2 操作手柄
      右侧操作柄功能是控制三维地球放大,缩小,旋转,复位。如下图所示:tools
      • 3.2.1
        • 3.2.1.1 指北针
          鼠标拖动指北针旋转三维球一同旋转
        • 3.2.1.2 缩放
          • 点击加号地球放大
          • 点击减号地球缩小
          • 点击加号和减号二者中间符号复位
    • 3.3 底部显示
      • 3.3.1 经纬度实时显示
        随着鼠标在三维球上滑动,获取实时的经纬度显示在右下角。如图所示:lon