场景管理器是3D地球(2018)的子组件,支持独立的样式、数据和交互配置,包括场景的名称、动画效果以及坐标位置等,能够使用数据定义镜头位置,通过移动和缩放的动效展示球体的不同位置。本文档为您介绍场景管理器各配置项的含义,帮助您快速准确地使用场景管理器子组件。

参考地球容器添加场景管理器子组件,并配置其参数。

样式



  • 启用:勾选后,启用场景管理器。在进行下面的配置前,请首先勾选此配置项。
  • 轮播模式:场景动画轮播的模式,可选:单次轮播循环轮播
  • 持续时间:单个场景动画的持续时间,取值范围为0到30000,单位为ms。如果数据中有duration字段,则优先使用数据中的配置。
  • 延迟时间:一个场景动画结束到下一个场景动画开始所停留的时间,取值范围为0到30000,单位为ms。如果数据中有delay字段,则优先使用数据中的配置。
  • 回调ID:设置组件之间数据联动的变量,需要配置为数据中的某一个字段。
    注意 此功能已更新到 交互面板中, 样式面板的该功能将弃用,请尽快升级。新版本的交互功能支持配置多个字段。

数据



上图中的示例JSON代码如下:
[
  {
    "id": "1",
    "name": "beijing",
    "position": {
      "fov": 50,
      "lat": 39,
      "lng": 115,
      "distance": 400
    },
    "duration": 3000,
    "delay": 3000
  },
  {
    "id": "2",
    "name": "shanghai",
    "position": {
      "fov": 30,
      "lat": 30,
      "lng": 120,
      "distance": 300
    },
    "duration": 3000,
    "delay": 3000
  },
  {
    "id": "3",
    "name": "guangzhou",
    "position": {
      "fov": 50,
      "lat": 23,
      "lng": 113,
      "distance": 400
    },
    "duration": 3000,
    "delay": 3000
  }
]
  • name:场景的名称。
  • position:场景的坐标位置以及相机角度距离,内部有4个属性值,分别为fov(相机角度)、lat(纬度)、lng(经度)、distance(相机距离)。
  • duration:(可选)场景动画的持续时间,与持续时间配置项作用相同,如果两者都进行了配置,则优先使用数据中的配置。
  • delay:(可选)不同场景动画的间隔时间,与延迟时间配置项作用相同,如果两者都进行了配置,则优先使用数据中的配置。

交互

勾选启用,开启组件交互功能。场景管理器拥有交互配置,可在某场景结束时抛出回调值,默认抛出数据中的id字段。具体配置请参考组件回调ID配置