Configure layer style

MapStudio WebApp is a powerful map editor, providing a wealth of style configuration items, to help you customize map styles flexibly and make more exquisite maps. Specifically, MapStudio WebApp supports setting the zoom display level of layers, to present the best visual effects for browsing the map. Supports customizing layer styles, to create delicate maps. And supports filtering layer elements to accurately and concisely convey map information.

• Set layer display level
• Define layer styles
  • Point layer
  • Line layer
  • Polygon layer
• Data-driven mapping
  • Unique values rendering
  • Ranges rendering
• Web symbol
• Filter layer features

Set layer display level

By setting the display level range of the layer, the layer can be displayed in a certain level range, and the layer under other levels will be automatically hidden. The specific operations are as follows:

1. Select the target layer and click the "Properties" button on the right sidebar to enter the layer display level setting item.
2. Drag the white solid round point at both ends of the slider to set the maximum and minimum display levels of the layer. The supported level ranges from 0 to 24. Among them, the position of the hollow point on the slider represents the current display level of the layer.

Define layer styles

For vector tile layers added via web, layers added via data upload, point, line and polygon layers created online, you can customize the styles of point, line, and polygon layers in the 'Style' panel on the right sidebar. MapStudio supports the following layer styles:

• Point layer: Basic Style, and L7 layer style of Heat, Cluster, 3D Column, 3D heat, OD, Graph Map, Animate Point, Radar;
• Line graph layer: Basic Style, and L7 layer style of 3D Line, 3D Isoline, Graph Map, Animate Line;
• Surface layers: Basic Styles, and L7 layer styles of 3D Fill, Graph Map.

The support data of some layer styles are limited, you can refer to the following table. 

table 1  Data type support for layer styles

Point layer

Map Studio provides nine rendering styles for point layers, including Basic , Heat, Cluster, 3D Column, 3D Heat, OD, Graph Map, Animate Point, Radar.

1. Basic style

The basic style allows you to define the point style and layout of point elements, And you can overlay text labels on the point layers and set its style and layout.

Point

• Point Symbol: Set the point symbol. The style of build-in point symbols are the same as the style of point symbols in SuperMap iDesktop, please see specific symbol types in Web symbol.
• Size: Set the size of point symbol.
• Color: Set the color of point symbol.
• Opacity: Adjust the transparency of point symbol by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Rotation angle: Set the rotation angle of the symbol.
• anchor: Set the anchor position of point layout.
• Allow overlap: Whether to allow point overlapping.
• Ignore placement: Whether to ignore point position.
• Translate: Set the offset of point features in the X-axis and Y-axis directions.
• Translate anchor: Specify the relative offset object for point features based on the map or viewing perspective.

Label

• Field: You can choose a field to display texts on the point layer.
• Color: Change the color of text features.
• Size: Change the size of the text feature.
• Opacity: Adjust the transparency of label text by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Family: Change the font of the text feature.
• Halo color: Set the color of the text halo style.
• Halo width: Set the width of the text halo style.
• Halo blur: Set the blur of the text halo style.
• Letter spacing: Set the font spacing between characters.
• Line height: Set the line height of the text feature.
• Max width: Set the maximum width of the text.
• Rotation angle: Set the rotation angle of the text.
• Text justify: Set the alignment of the text, you can choose center, left, or right.
• Anchor: Set the anchor position for text layout.
• Text transform: Set the case conversion item of the text, support all uppercase, all lowercase and not open this item.
• Allow overlap: Select whether to allow text overlay.
• Ignore placement: Select whether to ignore text position.
• Translate: Set the offset of the text feature in the X-axis and Y-axis directions. The unit is pixel. When the distance > 0, the point element will be offset to the right in the X direction and down in the Y direction.
• Translate anchor: Specifies the relative offset object for text features, the anchor contains Map and Viewport.

2. Heat

Heat map can show the density or frequency of spatial data by aggregating large amounts of data and using a gradual color band. It display effect is generally better than the direct display of discrete points. In MapStudio, it supports 3 heatmap types, including: heat, heat gird, heat hexagon. Currently, the point layer with heat style does not support filtering data.

You can customize the heatmap style by modifying the following configuration items:

Heat

• Weight field: The weight is not used by default. If you want to perform weighted rendering based on the attribute field, you can specify the weight field.
• Hotspot radius: The default is 10. Increasing the radius value can make the heatmap display smoother.
• Color: MapStudio provides a variety of gradient color ramps, or you can click 'Custom' to modify the color scheme.
• Opacity: Adjust the transparency of the heatmap layer by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.

Heat Grid/Heat Hexagon

• Field: Select the field for aggregation.
• Static Method: It can calculate the sum value (SUM), the average value (AVG), the maximum value (MAX), the minimum value (MIN), count the number (COUNT) based on the field, and the calculated value is displayed as the aggregation result.
• Size: Set the grid/hexagon size. For heat grid map, it's the side length of the grid, and for heat hexagon map, it is the distance from the hexagon vertex to the center point. The larger the grid/hexagon is, the more point elements are assigned to each grid/hexagon cell.
• Color: Set the color of heatmap.
• Opacity: Adjust the transparency of the heatmap layer by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Coverage: Set the percentage of grid/hexagon cell coverage by the grid/hexagon graph.
• Angle: Set the rotation angle of the grid/hexagon.

3. Cluster

Aggregation map is used to gather scattered point elements in a certain area into a symbol by an aggregation method. When there are too many point elements, it can effectively improve the legibility of the map and improve the efficiency of map rendering.

You can customize the style of aggregation maps by modifying the following configuration items:

Set Aggregation

• Field: Select the weight field for aggregation. Only numeric fields are supported.
• Method: When the weight field is not set, the aggregation method uses count (COUNT) by default and cannot be modified, that is, the aggregation result is displayed by the number of point elements in each aggregation unit. If the weight field is set, it can calculate the sum value (SUM), the average value (AVG), the maximum value (MAX), the minimum value (MIN), count the number (COUNT) based on the field, and the calculated value is displayed as the aggregated result.
• Size: Set the size of the aggregated cells, that is, the aggregated range, the default is 100 pixels. The larger the value of the aggregation unit size, the more point features are allocated to each aggregation unit; conversely, the fewer points are allocated to each aggregation unit.

Cluster

• Symbol: Set the point symbol. The style of build-in point symbols are the same as the style of point symbols in SuperMap iDesktop, please see specific symbol types in Web symbol.
• Size: Set the symbol size.
• Color: Set the symbol color.
• Opacity: Set the symbol opacity.
• Rotation angle: Set the rotation angle of the point.
• Anchor:Set the anchor position of symbol layout.
• Allow overlap: Whether to allow point overlapping.
• Ignore placement: Select whether to ignore point element position.
• Translate: Set the offset of the point features in the X-axis and Y-axis directions. The unit is pixel. When the distance > 0, the point element will be offset to the right in the X direction and down in the Y direction.
• Translate anchor: Set the anchor when point elements are offset, the anchor contains Map and Viewport.

Text label

The point layer supports adding symbols and text-shaped labels. For specific settings, please refer to: Basic Style.

4. 3D Column

3D Column is a layer displaying each point as a column to achieve 3D effect in the map, which can clearly show the differences between the points from a 3D perspective.

You can customize the style of 3D column layers by modifying the following configuration items:

Style

• Symbol: Set the shape symbol of the column, support circle, triangle, rectangle and hexagon.
• Size: Set the size of the column.
• Fill: Set the color of the column, support pure color and gradient color, gradient color can set the source color and target color of the column.
• Opacity: Adjust the transparency of the 3D column layer by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Gradient opacity: Set whether the column will be gradually become opaque. When enabled, you can set the gradient opacity direction to up or down.
• Stretch height: Set the stretch height of the column.
• Stretch heightmultiple: Set the multiple of the column stretch height.

5. 3D Heat

A heatmap describes population distribution, density, and changing trends through color distribution. 3D heatmaps have higher visual impact than 2D heatmaps. In MapStudio, it supports 3 heatmap types, including: 3D heat, 3D heat gird, 3D heat hexagon.

You can customize the 3D heatmap style by modifying the following configuration items:

3D Heat

• Weight: Select the weight field for aggregation in heat map. Only numeric fields are supported.
• Intensity: Set the heat degree  in heat map.
• Radius: The default is 10. Increasing the radius value can make the heatmap display smoother.
• Color: MapStudio provides a variety of gradient color ramps, or you can click 'Custom' to modify the color scheme.
• Opacity: Adjust the transparency of the 3D heatmap layer by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.

3D Heat Grid/3D Heat Hexagon

• Field: Select the field for aggregation in the 3D heatmap.
• Static Method: It can calculate the sum value (SUM), the average value (AVG), the maximum value (MAX), the minimum value (MIN), count the number (COUNT) based on the field, and the calculated value is displayed as the aggregation result.
• Size: Set the grid size. For square grids, it is the side length of the grid, and for hexagon grids, it is the distance from the hexagon vertex to the center point.
• Color: Set the color of 3D heatmap layer.
• Stretch height: Set the stretch height of the grid/hexagon.
• Stretch heightmultiple: Set the multiple of the grid/hexagon stretch height.
• Opacity: Adjust the transparency of the 3D heatmap layer by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Coverage: Set the percentage of grid/hexagon cell coverage by the grid/hexagon graph.
• Angle: Set the rotation angle of grid/hexagon.

Note：

1. Currently, the point layer with 3D heat style does not support filtering data and attributes popup, the point layer with 3D heat grid or 3D heat hexagon style does not support filtering data.

2. When you use map made in MapStudio WebApp in map component of MapDashboard WebApp, the point layer using 3D heat map and 3D grid/hexagon style does not support the following target operations: Highlight feature, Add to map, Zoom to map, Switch data and Append data.

6. OD

OD map is also called migration map, The 'O' indicates the ORIGIN and 'D' indicates the DESTINATION. OD map shows the connection between the origin and the destination, which can intuitively reflect the spatial relationship between geographical entities, and is often used to show data of population migration and commuting. Currently, the point layer with OD style does not support attributes popup.

You can customize the OD map style by modifying the following configuration items:

Coordinate

• From x: Set the x-coordinate field of the starting point of OD line.
• From y: Set the y-coordinate field of the starting point of OD line.
• To x: Set the x-coordinate field of the end point of OD line.
• To y: Set the y-coordinate field of the end point of OD line.

Line style

• Type: Set the type of the OD line, including Greatcircle and Bezier.
• Width: Set the width of the OD line.
• Color: Set the color of the OD line.
• Opacity: Adjust the transparency of OD line by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Line dash array: Set the dash array style of OD line.
• Segment number: Set the number of OD line segment. The more segments, the smoother the OD line.

Symbol style

• Set the symbol of OD line. The style of build-in symbols are the same as the style of point symbols in SuperMap iDesktop, please see specific symbol types in Web symbol.
• Size: Set the width of the symbol on OD line.
• Color: Set the color of the symbol on OD line.
• Rotation angle: Set the rotation angle of the symbol on OD line.
• Opacity: Adjust the transparency of OD symbol by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Step: Set the spacing of two adjacent symbols in the OD line.
• Blend: Set the blend way of OD line and symbol, including: Symbol and line color blending, Replacing line colors with symbol.
• Open animate: Whether to enable animation of symbols moving along the OD line.
• Duration: Set the animation duration of the symbol moving from the starting point to the ending point along the OD line. The shorter the duration, the faster the symbol moves.
• Interval: Set time interval for the animation of two adjacent OD symbol trajectories.
• Trail length: Set the trail length of the OD symbol trajectory animation.

3D

• 3D: Whether to enable 3D effect of the OD map.

Note：

1. When you use map made in MapStudio WebApp in map component of MapDashboard WebApp, the point layer using OD style does not support the following target operations: Highlight feature, Add to map, Zoom to map, Switch data and Append data.

7. Graph Map

Graph map can plot the values of multiple fields in a single statistical chart. In graph map, you can use statistical charts to make horizontal and vertical comparisons in the regions themselves and between regions. It is used to represent maps that have relevant quantitative characteristics, such as annual food production, GDP, population, etc. in different regions. MapStudio support the graph style of bar, line and pie. Currently, point layers using graph map style do not support adjusting layer order.

You can customize the graph map style by modifying the following configuration items:

Chart

• Field:Select the fields to display in the graph.
• Color: Set the color of the graph.
• Width: Set the width of the graph.
• Height: Set the height of the graph.
• Background: Set the background color of the graph.
• Size: Set the size of the pie graph.
• Inner Radius: Set the ratio of the inner radius to the ring graph. The value ranges from 0 to 1; when the value is 0, it is a fan graph; when the value is greater than 0, it is a ring graph.

X Axis

• Axis: Whether to display the X-axis of the graph.
• Label: Whether to display the X-axis label of the graph.
• Grid Line: Whether to display grid lines between the X-axis data values in the graph.

Y Axis

• Axis: Whether to display the Y-axis of the graph.
• Label: Whether to display the Y-axis label of the graph.
• Grid Line: Whether to display grid lines between the Y-axis data values in the graph.

Note：

1. When you use map made in MapStudio WebApp in map component of MapDashboard WebApp, the point layer using Graph Map style does not support the following target operations: Highlight feature, Add to map, Zoom to map, Switch data and Append data.

8. Animate Point

Compared with the ordinary point layer style, the animate point has ripples animation, which is more beautiful and has the effect of visual emphasis.

You can customize the style of animate point by modifying the following configuration items:

• Size: Set the size of animate point.
• Color: Set the color of animate point.
• Opacity: Adjust the transparency of animate point by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Speed: Set the speed and direction of the ripple animation, with positive values for the ripple spreading out animation and negative values for the ripple contracting animation.
• Rings: Set the number of ripple rings in ripple animation.

9. Radar

Compared with the ordinary point layer style, the radar has animation of detection and scanning, which is more beautiful and has the effect of visual emphasis.

You can customize the radar style by modifying the following configuration items:

• Size: Set the size of radar.
• Color: Set the color of radar.
• Opacity: Adjust the transparency of radar by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Speed: Set the speed and direction of the radar rotation animation. The higher the value, the faster the rotation speed. Positive values represent counterclockwise rotation and negative values represent clockwise rotation.

Line layer

Map Studio provides five rendering styles for line layers, including Basic, 3D Line, 3D Isoline, Graph map, Animate Line.

1.Basic

The basic style allows you to define the style of line elements, overlay text labels, and set the text style and layout.

Outline

• Line Symbol: Set the line symbol. The style of build-in line symbols are the same as the style of line symbols in SuperMap iDesktop, please see specific symbol types in Web symbol.
• Width: Set the width of line features.
• Color: Set the color of line features.
• Opacity: Adjust the transparency of line feature by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.

Text label

The line layer supports adding symbols and text labels. For specific settings, please refer to: Basic Style.

2. 3D Line

The line layer can be stretched by setting the lifting height parameter, thus it can render the stereoscopic effect. You can right-click and drag the map to adjust the pitch view of the map to browse the 3D map.

You can customize the style of 3D line by modifying the following configuration items:

Style

• Width: Set the width of line features.
• Color: Set the color of line features.
• Opacity: Adjust the transparency of line feature by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Lifting height: Set the lifting height of the line feature from the base plane.
• Lifting heightmultiple: Set the multiple of the lifting height of the line feature from the base plane.
• Raising height changes with map zoom: Set whether the raising height changes with map scaling.

Symbol style

• Symbol: Set the line symbol. The style of build-in line symbols are the same as the style of line symbols in SuperMap iDesktop, please see specific symbol types in Web symbol.
• Step: Set the spacing of two adjacent symbols in the 3D line layer.
• Blend Set the blend way of 3D line and symbol, including: Symbol and line color blending, Replacing line colors with symbol.

3. 3D Isoline

The isoline connects adjacent points that have the same value. The distribution of 3D isolines can intuitively reflect the change of data values in the map. The denser the isoline is, the more drastic the change of the value. The sparser the isoline is, the less the value changes.

You can customize the style of 3D isoline by modifying the following configuration items:

Style

• Line dash array: Set the dash array style of 3D isoline.
• Width: Set the width of line features.
• Color: Set the color of line features.
• Opacity: Adjust the transparency of line feature by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Lifting height: Set the height of the line feature from the base plane.
• Lifting heightmultiple: Set the multiple of the lifting height of the line feature from the base plane.
• Raising height changes with map zoom: Set whether the raising height changes with map scaling.

4. Graph Map

Graph map can plot the values of multiple fields in a single statistical chart. In graph map, you can use statistical charts to make horizontal and vertical comparisons in the regions themselves and between regions. It is used to represent maps that have relevant quantitative characteristics, such as annual food production, GDP, population, etc. in different regions.

MapStudio support the graph style of bar, line and pie. Currently, line layers using graph map style do not support adjusting layer order. You can customize the graph map style by modifying the following configuration items:

Chart

• Field:Select the fields to display in the graph.
• Color: Set the color of the graph.
• Width: Set the width of the graph.
• Height: Set the height of the graph.
• Background: Set the background color of the graph.
• Size: Set the size of the pie graph.
• Inner Radius: Set the ratio of the inner radius to the ring graph. The value ranges from 0 to 1; when the value is 0, it is a fan graph; when the value is greater than 0, it is a ring graph.

X Axis

• Axis: Whether to display the X-axis of the graph.
• Label: Whether to display the X-axis label of the graph.
• Grid Line: Whether to display grid lines between the X-axis data values in the graph.

Y Axis

• Axis: Whether to display the Y-axis of the graph.
• Label: Whether to display the Y-axis label of the graph.
• Grid Line: Whether to display grid lines between the Y-axis data values in the graph.

5. Animate Line

Compared with the ordinary line layer style, the animate line has trajectory animation, which is more beautiful and has the effect of visual emphasis.

You can customize the style of animate line by modifying the following configuration items:

Style

• Width: Set the width of the line.
• Color: Set the color of the graph.
• Opacity: Adjust the transparency of OD line feature by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Lifting height: Set the lifting height of the line feature from the base plane.
• Lifting heightmultiple: Set the multiple of the lifting height of the line feature from the base plane.
• Raising height changes with map zoom: Set whether the raising height changes with map scaling.

Symbol Style

• Symbol: Sets the symbol style in the trajectory animation.
• Step: Set the spacing of the symbols in the line layer.
• Blend: Set the blend way of animate line and symbol, including: Symbol and line color blending, Replacing line colors with symbol.

Animate

• Duration: Set the animation duration of the trajectory animation. The shorter the duration, the faster the trajectory animation.
• Interval: Set time interval for the animation of two adjacent trajectory animations.
• Trail length: Set the trail length of the trajectory animation.

Polygon layer

MapStudio provides three rendering styles for polygon layers, including Basic, 3D Fill, Graph map.

1. Basic

The basic style allows you to define the style of polygon elements, overlay text labels, and set the text style and layout.

Fill

• Polygon symbol: Set the polygon symbol. The style of build-in polygon symbols are the same as the style of polygon symbols in SuperMap iDesktop, please see specific symbol types in Web symbol.
• Color: Set the fill color of polygon feature.
• Opacity: Adjust the transparency of polygon feature by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Outline: Set whether to display the polygon outline. When enabled, the edge of polygon features can be displayed smoothly.
• Outline Color: When Outline is enabled, you can change the color of polygon feature outlines, it valid when anti-aliasing is enabled.

Text label

The polygon layer supports adding symbols and text labels. For specific settings, please refer to: Basic Style.

2. 3D Fill

The polygon layer can be stretched by setting the stretch height parameter, thus it can render the stereoscopic effect. You can right-click and drag the map to adjust the pitch view of the map to browse the 3D map.

You can customize the 3D fill style by modifying the following configuration items:

Style

• Polygon symbol: Set the polygon symbol. The style of build-in polygon symbols are the same as the style of polygon symbols in SuperMap iDesktop, please see specific symbol types in Web symbol.
• Color: Set the color of polygon feature.
• Opacity: Adjust the transparency of polygonn feature by moving the slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.
• Stretch height: Set the stretch height of the 3D fill.
• Stretch heightmultiple: Set the multiple of the stretched height of the 3D fill.
• Base height: Set the height of the 3D fill feature from the base plane.
• Base heightmultiple: Set the multiple of the stretched height of the 3D fill feature from the base plane.

Layout

• Translate: Set the offset of 3D fill in the X-axis and Y-axis directions.
• Translate anchor: Specify the relative offset object for 3D fill based on the map or viewing perspective.
• Vertical Gradient: Whether to apply a vertical gradient on both sides of the fill extrusion layer. When enabled, the further down, the darker the color on both sides.

Text label

The polygon layer supports adding symbols and text labels. For specific settings, please refer to: Basic Style.

3. Graph Map

Graph map can plot the values of multiple fields in a single statistical chart. In graph map, you can use statistical charts to make horizontal and vertical comparisons in the regions themselves and between regions. It is used to represent maps that have relevant quantitative characteristics, such as annual food production, GDP, population, etc. in different regions.

MapStudio support the graph style of bar, line and pie. Currently, polygon layers using graph map style do not support adjusting layer order. You can customize the graph map style by modifying the following configuration items:

Chart

• Field:Select the fields to display in the graph.
• Color: Set the color of graph.
• Width: Set the width of graph.
• Height: Set the height of graph.
• Background: Set the background color of the graph.
• Size: Set the size of the pie graph.
• Inner Radius: Set the ratio of the inner radius to the ring graph. The value ranges from 0 to 1; when the value is 0, it is a fan graph; when the value is greater than 0, it is a ring graph.

X Axis

• Axis: Whether to display the X-axis of the graph.
• Label: Whether to display the X-axis label of the graph.
• Grid Line: Whether to display grid lines between the X-axis data values in the graph.

Y Axis

• Axis: Whether to display the Y-axis of the graph.
• Label: Whether to display the Y-axis label of the graph.
• Grid Line: Whether to display grid lines between the Y-axis data values in the graph.

Fill

• Polygon symbol: Set the polygon symbol. The style of build-in polygon symbols are the same as the style of polygon symbols in SuperMap iDesktop, please see specific symbol types in Web symbol.
• Polygon Color: Change the fill color of polygon features.
• Polygon Opacity: Change the transparency of the fill color of polygon features by moving the transparency slider left (less transparency) or right (more transparency), or by clicking the number next to the slider and entering a precise value.

Outline

Supports to set whether to display the polygon outline. When enabled, the edge of polygon features can be displayed smoothly.

• Color: When Outline is enabled, you can change the color of polygon feature outlines, it valid when anti-aliasing is enabled.

3D style

The polygon layer supports turning on the 3D effect. By setting the height field, the polygons on the layer can be stretched to present a three-dimensional effect and display the shape of the ground objects more realistically. You can right-click and drag the map to adjust the map's  tilt angle to browse the 3D map.

The 3D effect includes the following settings:

• Stretch height: Set the stretch field of the polygon feature, which will be stretched based on the value of this field to achieve a 3D effect. You can also set a numeric value as the stretch height.
• Stretch heightmultiple: Sets the multiplier of the height of the polygon feature from the bottom plane.
• Base height: Set the height of the feature from the bottom plane.
• Base heightmultiple: Set the multiplier of the height of the polygon feature from the bottom plane.
• Translate: Set the offset of the polygon feature in the X-axis and Y-axis directions.
• Translate anchor: Specify the relative offset object for polygon features based on the map or viewing perspective.
• Vertical gradient: Whether to apply a vertical gradient on both sides of the fill extrusion layer. When enabled, the further down, the darker the color on both sides.

Label

The polygon layer supports adding icons and text-shaped labels. For specific settings, please refer to: Basic Style.

Data-driven mapping

MapStudio incorporates a data-driven mapping method in the basic style. It can assign distinct styles, such as colors, sizes, transparency, text, and other styles, to data values returned from a field in a layer, to represent multi-dimensional attributes with just a single data. In the styles panel, all the styles with the icon support data-driven mapping.

Here we'll take the style of the point layer as an example to show you how to perform data-driven mapping:

1. Click the icon to open the attribute-based style panel.
2. Select the data attribute to be expressed on the map.
3. Select the rendering method, unique values rendering, or rang rendering.

Unique values rendering

A unique values thematic map is to group features with the same thematic value into one category, and set a rendering style, such as color, for each category. The unique values thematic map is applicable for geological maps, landform maps, vegetation maps, land use maps, political and administrative division maps, natural division maps, economic division maps, etc.

When data-driven is enabled, the unique values rendering mode is used by default. If the field type is numeric, MapStudio will automatically interpolate values based on the maximum and minimum values of the data to construct a linear function, and then style other values in the data based on the linear function. You can manually modify interpolation points and styles, or click "+" to add interpolation points. After modification, the linear function will be recalculated.

You can also use custom relationships to manually style each category separately. In the custom relationship, when the number of categories exceeds 100, only the first 100 categories in the data are assigned different styles by default, and the categories that exceed the number are uniformly rendered in the default style. If you do not want some categories to use the default style, you can click "+" to move the categories in the default style list to the custom list and specify a style for them separately. Click the symbol on the right of "Default Style" to modify the default style.

Ranges rendering

The ranges thematic map is generally used to reflect the quantity or degree characteristics of continuous distribution phenomena, such as the distribution of precipitation, the distribution of soil erosion intensity, etc. Features are classified into different ranges according to their thematic values and the classification method; in each range, they are displayed with the same color. Note that the thematic field must be of numeric type.

Range mode: The equal interval classification method is used by default to divide the thematic value into 6 ranges. You can switch the range method and reset the number of ranges as required. Supported classification methods are equal interval, natural break, square root, standard deviation, logarithmic, and custom range.

Range number: it can be divided into 2-15 ranges by default. You can change the range number.

Range style: MapStudio has assigned a default style to the range field you selected. You can modify the style of a range separately, click any symbol under the style column, and modify it in the pop-up box.

Web symbol

MapStudio provide multiple built-in web symbols in point, line and polygon types. The style and types of web symbols are the same as the SuperMap iDesktop. Currently, the specific supports of web symbols are as follows:

Table 2 MapStudio supports Symbols in SuperMap iDesktop/iDesktopX

Filter layer features

After you set filter criteria for a layer, features that match the filter criteria will appear in the layer. The specific operations are as follows:

1. Select a layer, click "Filter" in the right sidebar.
2. Click 'Add filter' to add and set the filter expression. Specify filter fields, operations, and values in proper order. For examples, to filter feature which 'id'='100', you can specify 'id' for field, '==' for operation and '100' for value.  The filter operations include:

Table 3 Description of filter operations

3. After the filter expression setting has completed, set the filter match way, including: "every filter matches", "any filter matches", "no filter matches".

4. For connected vector tile services and map services, some layers already contain filter conditions, which you can modify or recreate new filter conditions.