DataV:Earth container

Subcomponent management

• To add sub-widgets, click the 3D Earth Icon on the left to access the Sub-widget Panel and the Sub-widget Management Panel. In the Sub-widget Panel, select and add the desired sub-widgets. The added sub-widgets will appear in the Sub-widget Management Panel.

• To copy, delete, or rename subcomponents, hover over the desired subcomponent, right-click to copy or delete, or double-click the subcomponent name to rename it.

• For additional subcomponent management features, see manage map subcomponents.

Style panel

• Search Configuration: Click the Style icon in the upper right corner of the panel to enter the name of the configuration item you wish to locate in the search field. The system supports fuzzy matching. For more information, see Search configuration item.

• Size: indicates the size of a widget, including its pixel width and height. You can click the icon to proportionally adjust the width and height of a widget. After you click this icon again, you can adjust the width and height as needed.

• Position: the position of a widget, which is indicated by pixel X and Y coordinates. X-coordinate indicates the pixel distance between the upper-left corner of the widget and the left border of the canvas. Y-coordinate indicates the pixel distance between the upper-left corner of the widget and the upper border of the canvas.

• Rotation Angle: the angle of a rotation that uses the center point of a widget as the rotation point. The unit is degrees (°). You can use one of the following methods to control the rotation angle of a widget:

  • Directly enter the degrees in the Rotation Angle spin box or click the plus sign (+) or minus sign (-) to increase or decrease the value in the Rotation Angle spin box.

  • Drag the black dot in the icon.

  • Click the icon to horizontally flip a widget.

  • Click the icon to vertically flip a widget.

• Opacity: the opacity of a widget. Valid values: 0 and 1. If this parameter is set to 0, the widget is hidden. If this parameter is set to 1, the widget is completely displayed. Default value: 1.

• Enable Projection Transformation: Activate the switch to enable the map's projection style switching feature.

• Projection Type: Choose the desired map projection type, such as Spherical or Planar Mercator. This option is only available when the Enable Projection Transformation feature is active.

• Animation Time: Adjust the duration of the animation for switching projection types, with a range of 0 to 100. This setting is applicable only when the Enable Projection Transformation feature is enabled.

• Rendering Mode: Select from different rendering modes to enhance graphic post-processing effects. For additional configurations, choose Advanced Mode.

  Advanced Rendering Mode

  Parameter	Description
  Anti-aliasing	Choose an anti-aliasing option for rendering, including SMAA Anti-aliasing, FXAA Anti-aliasing, and No Anti-aliasing. The default setting is No Anti-aliasing.
  Bloom Threshold	Set the bloom threshold within a range of 0 to 1.
  Bloom Radius	Adjust the bloom radius, with a range of 0 to 5.
  Bloom Intensity	Modify the bloom intensity, with a range of 0 to 1.

• Background Settings: Customize the 3D Earth's background color. For adjustments, refer to color picker description.

• Viewpoint Settings: Configure the viewpoint using four parameters: View Angle, Longitude, Latitude, and Distance. These parameters can be adjusted to present the Earth at the desired scale and orientation in the visualization application.

  Parameter	Description
  View Angle (fov)	Defines the camera's field of view. A larger value results in a smaller representation of the Earth within the camera's view.
  Latitude	Specifies the latitude of the camera's viewpoint on the Earth.
  Longitude	Specifies the longitude of the camera's viewpoint on the Earth.
  Distance	Indicates the distance from the camera to the Earth, affecting the apparent size of the Earth.

• Rotation Speed: Set the Earth's rotation speed, ranging from 0 to 10. A setting of 0 stops the rotation.

• Map Interaction: Enable this feature to allow interactions such as mouse clicks and scaling on the preview or published page.

• Subcomponent Interaction Mode: Configure the interaction mode for subcomponents, which includes options like Mouse Click and Mouse Shift.

Data source panel

This component does not require data configuration.

Advanced panel

This component has no interaction occurrences.

Blueprint interaction

1. Enter the Blueprint page by clicking the icon in the upper left corner of the page.

2. Add the current component to the main canvas under the Layer Node tab.

3. Review the blueprint configuration parameters.

   • Event: None.

   • Action

     Action	Description
     Shift	Move the component to a specified location. { // Movement method. Absolute positioning: to, relative positioning: by. Default value: to. "positionType": "to", // Specified position. x coordinate, y coordinate. "attr": { "x": 0, "y": 0 }, // Animation method. "animation": { "enable": false, // Animation latency. "animationDuration": 1000, // Animation curve. Optional values are: linear|easeInOutQuad|easeInOutExpo. "animationEasing": "linear" } }
     Switch Visibility	Toggle the component's visibility without requiring parameters.
     Show	Display the component. For details, refer to the reference data example. { "animationType": "",//Animation method. Optional value: fade. No animation if not filled. "animationDuration": 1000,//Animation delay, in ms. "animationEasing": ""//Animation curve }
     Hide	Conceal the component. For details, refer to the reference data example. { "animationType": "",//Animation method. Optional value: fade. No animation if not filled. "animationDuration": 1000,//Animation delay, in ms. "animationEasing": ""//Animation curve }
     Update Component Configuration	Dynamically update the component's style configuration. Begin by selecting Copy Configuration To Clipboard in the component's Style panel to obtain the configuration data. Then, modify the style field values as needed in the data processing node on the blueprint editor configuration page.