Isosurface layer (v4.x version)

Chart style

The isosurface layer is a sub-widget of Basic Flat Map 4.0 that converts known vector point data into raster area maps for large-screen display. For example, you can use it to create a real-time interpolation map of national air quality for meteorology and similar industries.

Style panel

• Search Configuration: Click the icon in the upper-right corner of the Style panel to search for configuration items by name. Fuzzy matching is supported. Search for a configuration item.

• General: General settings for the isosurface layer.

  Parameter	Description
  Visible Level	Sets the visible level range. The layer is displayed only within this range.
  Opacity	The opacity of the isosurface layer, ranging from 0 to 100%. Higher values make the layer more opaque.

• Graphics: Graphic settings for the isosurface layer.

  Parameter	Description
  Area Color	Set the color for each area in the isosurface layer. For more information, see Use the color mapper to configure the mapping color style for different areas.
  Area Outline	The color, thickness, and type of the outline for each area in the isosurface layer. Note The line type supports numeric input, such as 4,4. The first number specifies the length of the solid line, and the second number specifies the length of the gap.

Data Source panel

• Interpolation Point Data API

  Field	Description
  lng	The longitude of the interpolation point.
  lat	The latitude of the interpolation point.
  value	The value of the interpolation point. DataV adjusts the color rendering of the isosurface layer based on the value and the Area Color mapping configuration in the configuration panel.

• Clipping Border Data API

  The clipping border defines the range of interpolation points to be rendered.

Advanced panel

Configure interaction events or associate global variables for filter interactions between widgets. Configure widget interactions.

Blueprint interaction

1. Click the icon in the upper-left corner of the page to open the Blueprint page.

2. On the Layer Node tab, add the current widget to the main canvas.

3. View the blueprint configuration parameters.

   Note

   Click the icon in the anchor point area on the right to view event and action parameter tooltips.

   • Events

     Event	Description
     When interpolation point data API is updated	Triggered after the interpolation point data API response is processed by the filter. Returns the processed data in JSON format. For a data example, see the Data Response area on the Data Source tab in the widget's configuration panel.
     When interpolation point data API request status changes	Triggered when the interpolation point data request status changes. The callback parameter is the current status. For a data example, see the Data Response area on the Data Source tab in the widget's configuration panel.
     When clipping border data API is updated	Triggered when the clipping border data request status changes. The callback parameter is the current status. For a data example, see the Data Response area on the Data Source tab in the widget configuration panel.
     When clipping border data API request status changes	Triggered after the clipping border data API response is processed by the filter. Returns the processed data in JSON format. For a data example, see the Data Response area on the Data Source tab in the widget's configuration panel.
     Component Loaded	Triggered after a data API response is processed by the filter. Returns the processed data in JSON format. For a data example, see the Data Response area on the Data Source tab in the widget's configuration panel.

   • Actions

     Action	Description
     Import Interpolation Point Data API	Imports data in the widget's drawing format to redraw without re-requesting server-side data. For a data example, see the Data Response area on the Data Source tab in the widget's configuration panel.
     Request Interpolation Point Data API	Re-requests server-side data, using data from input data processing nodes or layer nodes as parameters. For example, if the isosurface layer's API data source is set to https://api.test and the data passed to the Request Interpolation Point Data API action is { id: '1'}, the final request URL will be https://api.test?id=1.
     Import Clipping Border Data API	Imports data in the widget's drawing format to redraw without re-requesting server-side data. For a data example, see the Data Response area on the Data Source tab in the widget's configuration panel.
     Request Clipping Border Data API	Re-requests server-side data, using data from input data processing nodes or layer nodes as parameters. For example, if the isosurface layer's API data source is set to https://api.test and the data passed to the Request Clipping Border Data API action is { id: '1'}, the final request URL will be https://api.test?id=1.
     Toggle Visibility	The Toggle Visibility, Show, and Hide actions do not require parameters by default. You can add animation configurations as needed. See the data example. { // Animation type. Optional values: appear|fade|slideToUp. The default is fade. If left blank, there is no animation. "animationType": "fade", // Animation duration. The default is 1000 ms. "animationDuration": 1000, // Animation curve. Optional values: linear|easeInOutQuad|easeInOutExpo. The default is linear. "animationEasing": "linear" }
     Show
     Hide
     Update Widget Configuration	Dynamically updates the widget's style configuration. In the widget's Style panel, click Copy Configuration to Clipboard to get the configuration data, then modify the field values in the data processing node on the blueprint editor page as needed.