The point aggregation layer is a subcomponent of the basic flat map. It supports independent style, data, and interaction configuration, including icon configuration, security configuration, and pop-up style. When point aggregation is scaled to a single scatter point, it can represent the point data information at a geographic location in the form of scatter points. This topic describes the meaning of each configuration items of the point aggregation layer.

Click Point Aggregation Layer below Component Management. In the configuration panel, configure the style and data of the Point Aggregation Layer.
Note If Point Aggregation Layer is not displayed in Component Management, you have not added the Point Aggregation 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.
  • Icon Settings: Set parameters such as the icon size and image style of the scatter.
    ParameterFeature
    Icon SizeSets the size of the icon.
    Icon ImageIn the Icon Image section
    • 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 an icon.
    • Move the pointer over the image and click Change to upload the local image again.
    • You can also enter the URL address of the image to use the image on the remote server as the icon image.
  • Circle Configuration: Set parameters such as the radius and color of the inner and outer circles of the point aggregation circle.
    ParameterFeature
    Inner Ring RadiusSets the radius size of the inner circle of the aggregate.
    Inner Ring ColorSets the color of the inner circle of the aggregate. Please refer to the color picker instructions for color modification.
    Outer ring radiusSets the size of the radius of the outer ring of the aggregation.
    Outer ring colorSets the color of the outer ring of the aggregate. Please refer to the color picker instructions for color modification.
  • Box Style: On the Preview or Publish page, click the Scatter icon.
    Note To enable the pop-up feature, you must set the info field first.
    ParameterFeature
    Font sizeSet the font size of the text in the dialog box.
    The color of the font.Set the color of the text in the dialog box. For more information, see color picker instructions.
    Font weightSets the font weight of the text in the dialog box.
    FontSets the font of the text in the popup.

The metadata of the filtering table.

Table 1. Description
FieldDescription
idThe number of the scatter.
lngThe longitude of the scatter.
latThe latitude of the scatter.
valueOptional. The mapping value of the scatter.
infoOptional. Click Scatter to view the content of the pop-up window.
iconUrlOptional. The URL of the custom icon.
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

Click Triggered: Select Enable to enable the widget interaction feature. The sub-component of the point aggregation layer has interactive configurations. When a hash point is clicked, a callback value is thrown. By default, the id and value fields in the data are thrown. For more information, see Configure callback IDs.

Configure interactions in Blueprint Editor

  1. In Canvas Editor, click the Add to Blueprint Editor icon next to Point Aggregation 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 Point Aggregation Layer component in the Import Nodes pane. You can view the configuration parameters of the Point Aggregation Layer component on the canvas.
    • Event
      EventDescription
      When the Scatter Data Interface Request is CompletedThe event is triggered with the processed JSON data after a data interface request is responded and processed by a filter. For specific data, see Data.
      Points are triggered by clicksThe event that is raised when a hash point at the point aggregation layer is clicked, and the data item corresponding to the scatter point is also raised.
    • Policy Action
      ActionDescription
      Request Scatter 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 Scatter Data Interface action is { id: '1'}, the final request interface is http://api.test?id=1.
      Import Scatter Data InterfaceAfter 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.
      Display WidgetA widget is shown without the need to specify parameters.
      Hide componentsA widget is hidden without the need to specify parameters.