All Products
Search
Document Center

Quick BI:Multi-Layer Map

Last Updated:Nov 27, 2025

A multi-layer map combines multiple map layers to show the distribution of complex geographic data. This topic describes how to add data and configure styles for a multi-layer map.

Prerequisites

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

Preview

image

Configure chart fields

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

    image

  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.

    image

  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:

    image

    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 Colored 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:

    image

Configure chart styles

The style settings include options for individual layers and general map settings.

  1. Sublayer Area

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

    Layer

    Sub-layer configuration item

    Description

    Area color layer

    Area style

    • Color Scale Configuration: Set Data Mapping Range. You can select Continuous Range, Equal Interval, or Custom Range.

    • Color Settings: Select a color style for the area blocks.

    • Transparency: You can drag to resize.

    多图层地图样式配置

    Data labels

    • Show Data Labels: Select whether to show data labels and the content to display.

    • Label Display Mode: You can select Smart Display or Show All. Smart Display is suitable for scenarios with many place names.

    • Text Style: Configure the text style for the Area Name, Longitude and Latitude, and Measure data labels.

    多图层地图样式配置1

    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 change 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: Select whether to show data labels and the content to display.

    • Label Display Mode: You can select Smart Display or Show All. Smart Display is suitable for scenarios with 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: Manually modify the symbol styles that are automatically generated based on dimensions.

    • Symbol Size: Drag the pointer to change the symbol size.

    • Symbol Opacity: Drag the pointer to adjust the opacity.

    多图层地图样式符号

    Data labels

    • Show Data Labels: Select whether to show data labels and the content to display.

    • Label Display Mode: You can select Smart Display or Show All. Smart Display is suitable for scenarios with 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: Select whether to show destination bubbles. If you enable this option, 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: Select whether to show data labels and the content to display.

    • Label Display Mode: You can select Smart Display or Show All. Smart Display is suitable for scenarios with many place names.

    • Text Style: Configure the text style for the data labels.

    多图层地图样式飞线数据标签

  2. General settings

    In the configuration pane, you can 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 automatically adjusted.

      • The custom display range supports continents and countries worldwide, along with regions, provinces, and cities in China.

      image

      You can also select Manually Adjust. If you enable this option, the current centroid and scaling value are automatically generated and can be manually modified.

      image

    • Outline and Fill: Configure the background color of the area and the color of the outline.

      Note

      Outlines are not supported for some areas.

      image

    • Enable Dragging: If you enable this option, you can drag the map in the preview.

      多图层地图通用拖拽

    • Enable Scaling: If you enable this option, 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: Select whether to show the basemap.

    • Basemap Style: If the basemap is enabled, select a style for it.

      多图层地图通用显示底图

    Legend

    • Show Legend: Select 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, you can select Enable URL Redirect, Pop up Layer on Click, or Go to Page on Click. For more information about the settings, see Configure click events.