The stream bubble layer is a subcomponent of the basic flat map. It supports independent styles and data configurations, including the size, position, color, animation effect, longitude, and latitude of the bubble. It can be used to represent the point data at a geographic location in the form of stream bubbles. This article describes the meaning of each configuration items of the flow bubble layer.

Click Stream Bubble Layer below Components. In the dialog box that appears, configure the style and data of the Stream Bubble Layer.
Note If the Flow Bubble Layer component is not displayed in the Component Management section, you have not added the Flow Bubble Layer component. For more information, see Map container (v1.x version).

Parameter

  • 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.
  • Font: the font of the stream bubble.
  • Font Size: the text size of the stream bubble.
  • Font Color: the color of the stream bubble. For more information, see color picker description.
  • Reference Location Point: If you select this option, the location point is displayed. It is used as the reference point when you adjust the icon position. If you use this option, turn off this option. If you clear the check box, the anchor is hidden. The effect can be displayed only when the anchor is previewed or published.
  • Icon Image: the image of the stream bubble icon. Click the icon image to delete the current image. Click Upload Local Image again. To use an image on a remote server, enter the URL of the image in the input box above the icon image.
  • Icon Width: the width of the icon. Valid values: 0 to 100. Unit: pixels.
  • Icon Height: the height of the icon. Valid values: 0 to 100. Unit: pixels.
  • Icon X Offset: the X offset of the icon relative to the anchor point. Valid values: -100 to 100. Unit: pixels. It is recommended to set to half the width of the icon to center horizontally.
  • Icon Y Offset: the Y offset of the icon relative to the anchor point. Valid values: -100 to 100. Unit: pixels. We recommend that you set it to the icon height value to align the icons downward, and set it to half the icon height value to center them vertically.
  • Background Color: the background color of the stream.
  • Content Width: the width of the stream bubble. Valid values: 0 to 300. Unit: pixels.
  • Margins: the distance between the stream bubble text information and the four sides of the text information box.
  • Fillet Radius: the fillet radius of the flow bubble text box. A larger value indicates a rounder corner. Default value: 0. This value indicates that the tabs are rectangles.
  • Content X Offset: the X offset of the stream bubble text information relative to the icon. Valid values: -100 to 100. Unit: pixels.
  • Content Y Offset: the Y offset of the stream bubble from the icon. Valid values: -100 to 100. Unit: pixels.
  • Multi-line Alignment: the alignment of multiple rows of streaming data. Valid values: Left, Center, and Right. This is valid only when the info information in the data is set to multi-row.
  • Cache: If you turn on the switch, the system automatically caches your bubble data. You can specify the number of data records to be cached. When the data changes, the system does not clear the data that you have cached.
  • Sequence: If you turn on the switch, the system bubbles cyclically based on the sequence of data. If you turn off the switch, the system bubbles randomly.
  • Bubbles: the number of bubbles in each stream. If the specified number is less than the number of data records, the system uses circular bubbles.
  • Tiling Time: the duration of the stream bubble tiling animation. Unit: seconds.
  • Dwell Time: the dwell time of the stream bubble tiling animation. Unit: seconds.
  • Disappear Time: the time when the stream bubble tile animation disappears. Unit: seconds.
  • Update Time: the time when the stream bubble tile animation is updated. Unit: seconds.

The metadata of the filtering table.

You can download the sample JSON code in the preceding figure.

Table 1. Description
FieldDescription
lngThe longitude of the flow bubble.
latThe latitude of the flow bubble.
infoThe text information of the stream bubble. You can customize the text information. You can use the </br> to wrap the text information. For example, Customize information </br> Customize information.
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 next to Streaming Bubble Layer in the Basic Flat Map widget.
  2. Click the Blueprint Editor icon icon in the upper-left corner of the page.
  3. In Blueprint Editor, click the Stream Bubble Layer component in the Import Nodes pane. You can view the parameters of the Stream Bubble Layer component on 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, if the API data source is http://api.test and the data passed 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.