A animated bubbles layer is a subcomponent of a basic flat map. It supports independent styles, data, and interaction configurations, including the size, animation effect, bubble type, longitude, and latitude of a breathing bubble. It can represent the point data of a geographic location in the form of a breathing bubble. This topic describes the meaning of each configuration items of the animated bubbles layer.

Click animated bubbles layer below Manage Sub-components. In the Configure panel, configure the style and data of the animated bubbles layer.
Note If no animated bubbles layer is displayed in the Sub-component Management section, you have not added animated bubbles layer sub-components. For more information, see Map container (v1.x version).

Parameter

animated bubbles layer Configuration Panel
  • Search for Configurations: In the right-side panel of Canvas Editor, click the Settings tab, and click Search for Configurations in the upper-right corner. Enter the required configuration item in the search box, and click the search icon to quickly locate the configuration item. Fuzzy match is supported. For more information, see Search for asset configurations.
  • Animation: Set animated bubbles layer animation effects, including breathing and fading.
  • Breathing Range: animated bubbles layer a gradual range from small to large. This option takes effect only when the animation effect is Breathing.
  • Dynamic Speed: the speed of the animated bubbles layer.
  • Gradient Range: the gradient range of the animated bubbles layer from implicit to explicit.
  • Maximum Size: the size of the bubble when the value value of the data source is the largest.
  • Minimum Size: the size of the bubble when the value value of the data source is the smallest.
  • Bubble Type: Click the Plus icon or Trash Can icon icon on the right to add or delete a bubble type. Click the Horizontal or Vertical icon to configure the arrangement style of multiple bubble types.
    • Style: the bubble style. DataV provides seven types for you to select.
    • Filter Value: the value of the bubble of the selected type. It is used together with the type field in the data source to set the bubble style of the same type.
    • Color: the color of the bubble corresponding to the type value that is the same as the type filter value in the data panel. For more information, see color picker description.

The metadata of the filtering table.

animated bubbles layer Data Panel

Click example.json to download the sample JSON code in the preceding figure.

Table 1. Description
FieldDescription
lngThe longitude of the bubble.
latThe latitude of the bubble.
valueThe value of the bubble. This parameter is used in conjunction with the Maximum Size and Minimum Size tabs to set the bubble size.
typeThe type of the bubble. This parameter is used together with the Type Filter Value parameter in the configuration panel to specify a bubble style.
Table 2. Parameters
ParameterDescription
Controlled ModeIf you turn on the switch, data is not requested when a widget is initialized. Data requests are triggered only based on callback IDs or the method configured in Blueprint Editor. If you turn off the switch, data requests are automatically triggered. By default, the switch is turned off.
Auto Data RequestAfter you select the Auto Data Request check box, you can enable dynamic polling, and manually specify the polling interval. If you do not select this check box, data is not automatically requested. You must manually refresh the page to request data or use Blueprint Editor or callback ID events to trigger data requests.
Data SourceIn the right-side panel of Canvas Editor, click the Data tab. Click Set next to Static Data. In the Configure Datasource panel, select a data source from the Data Source Type drop-down list. Enter code for data query in the code editor, click Preview Data Response to preview the response of the data source, and then view the response. For more information, see Configure asset data.
Data FilterIf you select the Data Filter check box, you can convert the data structure, filter data, and perform simple calculations. If you click the plus sign (+) next to Add Filter, you can configure the script for the data filter in the editor that appears. For more information, see Use the data filter.
Data Response ResultThe response to a data request. If the data source changes, you can click the Refresh icon icon next to Data Response Result to view the data response in real time.

Interaction

This widget does not support interaction events.

Configure interactions in Blueprint Editor

  1. In Canvas Editor, click the Add to Blueprint Editor icon on the right side of animated bubbles layer on the Basic Flat Map tab.
  2. Click the Blueprint Editor icon icon in the upper-left corner of the page.
  3. In Blueprint Editor, click animated bubbles layer in the Imported Nodes pane. You can view the animated bubbles layer parameters in the canvas.
    • Event

      When the data interface request is completed: The event is thrown after the data interface request is returned and processed by the filter. The event also throws the processed JSON data. For more information, see Example data.

    • Policy Action
      ActionDescription
      Request Data InterfaceThis action is performed to request the server data again. The data sent by an upstream data processing node or layer node is used as a parameter. For example, animated bubbles layer the API data source is http://api.test and the data transferred to the request data interface is { id: '1'}, the final request interface is http://api.test?id=1.
      Import dataAfter data of a widget is processed in accordance with its drawing format, the widget is imported for redrawing. You do not need to request server data again. For specific data, see Data.
      DisplayA widget is shown without the need to specify parameters.
      HideA widget is hidden without the need to specify parameters.