Arc layer

更新时间:
复制 MD 格式

Configure the arc layer, a 3D Earth subcomponent that renders animated flying lines and icons between geographic coordinates.

Chart style

The arc layer is a subcomponent of 3D Earth that supports independent style configurations, including flying line styles and icon styles. image.png

Style Panel image.png

  • Search Configuration: Click the Search configuration items icon imagein the upper-right corner of the Style panel. In the Search Configuration panel, enter the name of the configuration items that you want to search for and locate the configuration items. Fuzzy match is supported. For more information, see Search configuration items.

  • Flying Route Style: the style of the flying line in the arc layer.

    Metric

    description

    Radius

    The line width radius of the flying line.

    Dashed line solid line ratio

    The ratio between dashed and solid segments of the flying line.

    Discontinuities

    The number of discontinuities in the flying line.

    Speed

    The animation speed of the flying line.

    Height

    The height of the flying route above the ground plane.

    Radian

    The radian of the flying line.

    Maximum Transparency

    The maximum transparency of the flying route. Valid values: 0 to 1.

    Default Color

    The default color of the flying routes.

    Type

    Click the imageor imageicon on the right to add or delete a flight type. Click the imageor imageicon to configure the arrangement styles of multiple flying route types. Click the imageicon to copy the content of the currently selected flying route style configuration and add a flying route style with the same configuration.

    • type: the type of the flying route, which matches the type field in the data panel.

    • Color: the color of the flying routes.

  • Icon Style: the style of the icon in the arc layer.

    Metric

    description

    Custom Map

    • Move the pointer over the image and click Delete to delete the image. Then, click the image area or drag a local image to the area to add a sticker.

    • Move the pointer over the image and click Change to upload the local image again.

    • You can also enter the URL of an image to use a remote image as a custom sticker.

    Height

    The height of the icon above the ground plane.

    Size

    The size of the icon.

    Speed

    The speed at which the icon moves along the flying line.

Data Sources panel image.png

Column

Description

from

The starting position of the flying line.

to

The destination of the flying line.

type

The flying route type, which matches the type in the configuration panel.

Configure data items

Description

Data sources

Use the code editor or visual editor to view the data fields of the widget. You can also change the data type to flexibly configure the component data.

Data Mapping

To customize chart field configurations, set different field mappings in the Data Mapping module to map them to the corresponding widget fields. This allows you to match data without modifying the fields in the data source. You can also click the imageicon to configure the field style.

Configure a filter

Turn on Filter, select an existing data filter or create a data filter, and configure a data filter script to filter data. For more information, see Manage data filters.

Data Response Result

The Data Response Result section displays widget data in real time. If the data source changes, this section shows the latest data. Click the imageicon on the right to view the data response result, or click the imageicon to retrieve the latest data. You can also click View Example to view a sample response result.

Forbid Loading

If you select this check box, the component does not display loading content during initialization when you update the component and preview the data dashboard. By default, this check box is cleared.

Controlled Mode

If you select this check box, the component does not request data during initialization and only requests data through global variables or methods configured in Blueprint Editor. If you clear this check box, data is requested automatically. By default, this check box is cleared.

Auto Data Request

Select this check box and specify the polling interval to enable dynamic data polling. If you clear this check box, the page does not automatically update. You must manually refresh the page or use Blueprint Editor and global variable events to trigger a data update.

Advanced Panel

This widget does not support interaction events.

Blueprint Interaction

  1. Click the imageicon in the upper-left corner to go to the Blueprint page.

  2. On the Layer Nodes tab, add the widget to the main canvas.

  3. View blueprint configuration parameters. image.png

    • Event

      Event

      Description

      When the flight request is completed

      After data of the flying routes layer is returned by the API and processed by filters, this event is triggered to pass JSON-format data. For specific data examples, see the Data Response Result section of the Data Source tab in the right-side configuration panel of the canvas editor.

    • Action

      Action

      Description

      Request Flight

      Requests the server data again. The data sent by an upstream data processing node or layer node is used as a parameter. For example, if the API data source is set to https://api.test and the data sent to the requesting a flying line action is { id: '1'}, the final request URL is https://api.test?id=1.

      Import flying lines

      After widget data is processed in the required drawing format, it is imported for redrawing without requesting server data again. For specific data examples, see the Data Response Result section of the Data Source tab in the right-side configuration panel of the canvas editor.

      Switch Display /Hide

      Toggles the visibility of the widget. No parameters are required.

      Display

      Display the widget. For more information, see Data example.

      {
        "animationType": "",// The animation method. Valid value: fade. If you do not specify this parameter, no animation is generated. 
        "animationDuration": 1000,// The animation delay. Unit: ms. 
        "animationEasing": ""// animation curve
      }

      Hide

      Hide the component. For more information, see Data example.

      {
        "animationType": "",// The animation method. Valid value: fade. If you do not specify this parameter, no animation is generated. 
        "animationDuration": 1000,// The animation delay. Unit: ms. 
        "animationEasing": ""// animation curve
      }

      Update component configurations

      Dynamically updates widget style configurations. In the Style panel, click Copy Configuration to Clipboard to obtain the widget configuration data. Then, modify the style field for the data processing node in Blueprint Editor.