The honeycomb thermal layer is a sub-component of the basic flat map. It supports independent styles and data configurations, including the size, color, edge style, and latitude and longitude of the network. It can express the distribution density of points on geographic locations in the form of cellular points. This article describes the meaning of each configuration items of the honeycomb thermal layer.
Click Hexagon Heatmap Layer under Components. In the configuration panel, configure the style and data of Hexagon Heatmap Layer.
Note If the Hexagon Heatmap Layer component is not included in the Components section, you have not added the Hexagon Heatmap Layer component. For more information, see Map Container.
Settings

- 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 widget configuration items.
- Visibility Level: specifies the visibility level of the honeycomb thermal layer.
- Hexagon Style: Set parameters such as cellular size, transparency, and fill color.
Parameter Description Size The honeycomb size of the honeycomb thermal layer. DataV calculates the number and location of all cells based on the cell size and data range you set. Opacity Sets the cellular transparency value of the honeycomb heat layer. Fill Color The color of the honeycomb heatlayer. Valid values: MinValue Color, MaxValue Color, and Color Classifications. - MinValue Color: The color of the dot with the least number of cells. See the color picker description to modify it. DataV calculates the cell where the point is located based on the longitude and latitude value of the point in the data. The cell with the smallest number of points is the cell with the smallest number of points.
- MaxValue Color: the color of the dot with the largest number of cells. For more information, see the color picker description. DataV calculates the cell where the point is located based on the longitude and latitude of the point in the data. The cell with the largest number of points is the cell with the largest number of points.
- Color Classifications: the number of color levels of the honeycomb heat layer. Used in conjunction with the MinValue Color and MaxValue Color configuration items to set the color of each honeycomb according to the distribution of points.
Note The colors between the MaxValue Color and the MinValue Color are displayed based on the number of Color Classifications that you set.Shadow Sets the color of the honeycomb shadow and the extent range of shadow blur. Stroke Style The color and thickness of the honeycomb border line. Unit: px. - Label: the text annotation of the cell phone. Click the
icon on the left of the label to control the display and concealment of the label.
Text Style: Specify the font, weight, font size, and color of the label text. See the color picker description to modify the color.
Data

| Log field | Description |
|---|---|
| lng | The longitude of the center of the honeycomb point. |
| lat | The latitude of the center of the honeycomb point. |
| Parameter | Description |
|---|---|
| Controlled Mode | If 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 Request | After 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 Source | In 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 widget data. |
| Data Filter | If 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 Result | The response to a data request. If the data source changes, you can click the |
Interaction
This widget does not support interaction events.
Configure interactions in Blueprint Editor
- On the Canvas Editor page, click the
icon on the right of Hexagon Heatmap Layer in the Basic Plat Map Subcomponent Management List.
- Click the
icon in the upper-left corner of the page.
- On the Blueprint Editor page, click the Hexagon Heatmap Layer component in the Import Nodes section. The following figure shows the parameters
in the blueprint editor.

- Event
Event Description On Completion of Data Interface Request The event is triggered with the processed JSON data after a data interface request is responded and processed by a filter. For more information about specific data examples, see the Data Response Result section on the Data tab of the canvas editor. On Failure of Data Interface Request When a data interface request fails (the request may be caused by network problems or interface errors, etc.), the event is returned and processed by the filter, and the processed JSON-formatted data is also thrown. For more information about specific data examples, see the Data Response Result section on the Data tab of the canvas editor. - Action
Action Description Request Data Interface This 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 configured for the cellular thermal layer as http://api.testand the data passed to the Request Data Interface action is{ id: '1'}, the final request interface ishttp://api.test?id=1.Import Data Interface After 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 more information about specific data examples, see the Data Response Result section on the Data tab of the canvas editor. Show A widget is shown without the need to specify parameters. Hide A widget is hidden without the need to specify parameters.
- Event