Multi-Layer Map

Prerequisites

You have created a data visualization screen. For more information, see Create a data visualization screen.

Preview

Configure chart fields

1. In the Charts area of the widget library, find the Multi-layer Map widget and drag it to the canvas.

   

2. By default, a color layer and a flying routes layer are created. On the Fields tab, click Add Layer in the upper-right corner to add more map layers.

   Note

   • A map can have a minimum of 1 and a maximum of 5 layers.

   • A map supports only one area color layer.

   

3. After adding the layers, configure the fields for each layer by selecting the required dimension and measure fields. For example, you can configure the default color and flying routes layers as follows:

   

   For more information about configuring the fields for a flying routes layer, see Flying Routes Map.

   For more information about configuring the fields for an area color layer, see Filled Map.

   For more information about configuring the fields for a bubble layer, see Bubble Map.

   For more information about configuring the fields for a symbol layer, see Symbol Map.

4. You can also perform the following data operations:

   

   • Configure field formats in batches (①). For more information, see Batch Configure Field Styles.

   • Set filters for fields (②). For more information, see Filter data.

   • Enable auto-refresh for the data (③). For more information, see Refresh data on a schedule.

   • Switch datasets (④). For more information, see Switch datasets.

   • Edit a dataset (⑤). For more information, see Edit a dataset.

   • Process data by creating a calculated field or a new grouped dimension (⑥). For more information, see Create Calculated Field and Create a new grouped dimension.

   • Copy and transform a field (⑦). For more information, see Copy and transform a field.

Configure chart styles

Style settings cover individual layer options and general map settings.

1. Sublayer Area

   In the configuration pane, configure the following settings for each layer:

   Layer	Sub-layer configuration item	Description
   Area color layer	Area style	Color Scale Configuration: Set the data mapping range. Select Continuous Range, Equal Interval, or Custom Range. Color Settings: Select a color style for the area blocks. Transparency: Drag to adjust.
   	Data labels	Show Data Labels: Specify whether to show data labels and the content to display. Label Display Mode: Select Smart Display or Show All. Smart Display works best when the map contains many place names. Text Style: Configure the text style for the Area Name, Longitude and Latitude, and Measure data labels.
   Bubble layer	Bubbles	Bubble Color: Configure Data Mapping Range, Color, Opacity, and Number of Ranges. Note You can configure the Data Mapping Range for a measure, including the Mapping Method and Number of Ranges, only when Bubble Color/Measure is configured in the Fields pane. Bubble Shape: Select a bubble shape. Bubble Size: Drag the pointer to adjust the bubble size. Bubble Animation: After you enable bubble animation, you can set Animation Type (Breathing/Wave), Animation Speed, Diffusion Range, and Number of Ripples.
   	Data labels	Show Data Labels: Specify whether to show data labels and the content to display. Label Display Mode: Select Smart Display or Show All. Smart Display works best when the map contains many place names. Text Style: Configure the text style for the Area Name, Longitude and Latitude, and Measure data labels.
   Symbol layer	Symbols	Symbol Type: Modify the symbol styles that are automatically generated based on dimensions. Symbol Size: Drag the pointer to adjust the symbol size. Symbol Opacity: Drag the pointer to adjust the opacity.
   	Data labels	Show Data Labels: Specify whether to show data labels and the content to display. Label Display Mode: Select Smart Display or Show All. Smart Display works best when the map contains many place names. Text Style: Configure the text style for the Area Name, Longitude and Latitude, and Measure data labels.
   Flying routes layer	Flying routes	Route Color: Configure Data Mapping Range, Color, Opacity, and Number of Ranges. Route Shape: Select a route shape. Route Thickness: Set the route thickness. Route Curvature: Set the route curvature. Streaming Light Effect: Enable or disable the animation. If you enable it, you can set the animation Duration and Interval.
   	Destination bubbles	Show Destination Bubbles: Specify whether to show destination bubbles. If enabled, you can configure the bubble Color, Shape, Size, and Animation. Bubble Animation: After you enable bubble animation, you can set the bubble Animation Type (Breathing/Wave), Animation Speed, Diffusion Range, and Number of Ripples.
   	Data labels	Show Data Labels: Specify whether to show data labels and the content to display. Label Display Mode: Select Smart Display or Show All. Smart Display works best when the map contains many place names. Text Style: Configure the text style for the data labels.

2. General settings

   In the configuration pane, configure the following general settings:

   Setting	Description
   Geographic area	Display Range: Select Auto or Custom. Note Auto: The display range is automatically adjusted based on the data range. Custom: You can manually set the display range. In interactive analysis scenarios, the display range is always adjusted automatically. The custom display range supports continents and countries worldwide, as well as regions, provinces, and cities in China. You can also select Manually Adjust. If enabled, the current centroid and scaling value are automatically generated and can be manually modified.
   	Outline and Fill: Configure the background color of the area and the color of the outline. Note Outlines are not supported for some areas.
   	Enable Dragging: If enabled, you can drag the map in the preview.
   	Enable Scaling: If enabled, you can zoom in or out on the map in the preview.
   	Outer Outline Streaming Light: Enable or disable this effect. If enabled, you can configure the Streaming Light Color (Solid/Gradient), Thickness, Speed, and Length.
   Basemap	Show Basemap: Specify whether to show the basemap. Basemap Style: If the basemap is enabled, select a style for it.
   Legend	Show Legend: Specify whether to show the legend. You can also specify which Layer and Content to display. Legend Position: Place the legend at the Bottom or on the Left. Background Color: Set the background color for the legend. Text: Set the text style for the legend.

Configure chart events

Configuration item	Name	Configuration	Description
Layer event	Enable URL Redirect		For a layer event, select Enable URL Redirect, Pop up Layer on Click, or Go to Page on Click. For more information, see Configure click events.