You can set 3D columns on a map using the columns layer. A 3D column indicates the value and other information of the specified geographic coordinates.

Settings

settings
  • Maximum Height: Drag the slider or enter a value to set the maximum height of the columns. The range of the value is 0 to 65536.
    Note The height of a column is affected by the value field in the Data tab.
  • Cell Size: Drag the slider or enter a value to set the width of the columns. The range of the value is 30 to 6000.
  • Color: You can modify the color of the columns. For more information, see Color Picker.
  • Opacity: Drag the slider or enter a value to set the opacity of the columns. The range of the value is 0 to 1.

Data

data
  • lng: The longitude of the column.
  • lat: The latitude of the column.
  • value: The value of the column. The height of a column is determined by both the value field and the Maximum Height in the style tab.

Interaction

This widget is not bound to any events.

Configure interactions in Blueprint Editor

  1. On the Canvas Editor page, click the Add to Blueprint Editor icon to the right of Columns Layer in the Flat Map with 3D Effects Subcomponent Management List.
  2. Click the Blueprint Editor icon icon in the upper-left corner of the page.
  3. On the Blueprint Editor configuration page, click the Columns Layer component in the Import Nodes section. lantu
    • Event
      Event Description
      On Completion of Columns Data 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 Columns Data 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 Columns Data

      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 Columns Layer is configured with the API data source as https://api.test and the data passed to the Request Columns Data action is { id: '1'}, the final request interface is https://api.test?id=1.

      Import Columns Data 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.