Styles

The style of a layer defines how spatial features are visually represented on the map. This representation can be uniform for all features or vary based on attribute values or map scale.

Styles are defined by a set of rules, allowing precise and diverse representation of layer data.

Each layer can have multiple styles. For example, a layer may use one style for map scales above 1:20,000 and another for scales equal to or below that threshold. A style might also display polygons representing city sectors, each colored according to the local crime rate.

You can enable or disable configured styles to determine whether they are displayed by default in JMap NG applications.

The Styles section, accessible via , provides the tools for configuring a layer’s styles. Each layer has a default style of the Single symbol type, which can be edited.

1	Click + to add a style. Three style types are available: Unique symbol, Unique values, and Classification. Details are presented in the following sections. The last style you add is displayed at the top of the section. The layer has a default style, Unique symbol, which you can modify.
2	Each style has: A name. A checkbox: Check the box to enable the style's display in JMap NG. An interface containing the style's settings. The interface can be collapsed and expanded using the arrows.
3	The parameters that define the style vary depending on the type of style and the type of element to be represented (point, line, polygon, text).

Unique Symbol

This style uses the same symbology for all features, with the possibility to vary based on map scale. It is the only style applicable to raster data.

Style name

Each style has a default name, which can be changed by clicking .

To the left of the name, a checkbox lets you enable or disable the style’s visibility on the map. When enabled, the style is shown by default in JMap NG.

Scales and zoom levels

These two parameters define the scale range in which the style applies.

Scales are expressed as zoom levels, from 0 (global view) to 23 (highly detailed view, such as part of a building).

• Scales: shows values from 0.0 to 23.0.

• Zoom Levels: shows a bar with two draggable handles representing the selected interval.

To define a scale range:

1. Hover over the scale values to display + icons.

2. Click a + to insert an intermediate point (e.g., 0.0 → 11.5 → 23.0).

3. Adjust the new value by dragging the handle or editing the value directly.

4. Repeat to add more points.

5. To remove an interval, click the icon next to the handle.

Opacity

This section, present in raster data sources, allows you to define the opacity level of the image for each scale interval you have defined.

Symbol

This section lets you define how features are symbolized within each scale range if needed.

Options vary depending on the feature geometry and are detailed in the Vector Features Symbology section.

Unique Values

This style represents features using different symbology based on an attribute’s value.

Style Name

The style has a default name, which can be changed by clicking .

To the left of the name, a checkbox lets you enable or disable the style’s visibility on the map. When enabled, the style is shown by default in JMap NG.

Attribute

Use the dropdown menu to select the attribute for the style.

Supported types: text, date, or numeric.

Maximum: 500 unique values.

The attribute must be enabled in the Properties section to be used.

Zoom levels

Select the zoom interval where this style will be active, using the same method as for Single Symbol.

Conditions

Expand this section to display and configure unique value conditions.

• Click to select an automatic color palette (divergent, single hue, multihue, etc.).

• Click the arrow next to each condition to access its symbology settings.

• Click to rename the condition for the legend.

• Click to remove the condition. Others remain unchanged.

Vector Features Symbology

The components of the Symbol section vary depending on the layer's features.

Points

You can compose a symbol for point features using multiple stacked icons.

• Click + to add an icon.

• Click to remove one.

Each icon opens a tab with its parameters.

Icon	The drop-down menu allows you to select the vector icon.
Color	Select the icon color. You have several methods: color field, color bar, RGB and HEX codes.
Opacity	Specify the degree of opacity of the icon color.
Size	Specify the icon size. A value of 1 corresponds to the original icon size.
Rotation (º)	Specify the rotation (in degrees) to apply to the icon.
Offset X and Y	Adjust the symbol's origin point by offsetting the symbol in X and Y directions by the specified values. The origin point corresponds to the precise coordinate of the point element.

Lines

You can build line feature symbols by layering multiple line styles.

• Click + to add a line style.

• Click to remove one.

Each style opens a tab with its configuration options.

Color	Select the line color. You have several methods: color field, color bar, RGB and HEX codes.
Opacity	Specify the degree of opacity of the line.
Line style	Click the icon to specify the line style, which consists of: Line end Line junction Dash pattern. Press + to specify whether the line is dashed and to determine the size of the dash and the space between dashes. You can add multiple dash sizes and spacings, which will be drawn one after the other.
Thickness	Specify the thickness of the line.

Polygons

These are the parameters that define the symbology of polygonal elements:

Fill color	Select the polygon's fill color. You have several methods: color field, color bar, RGB and HEX codes.
Opacity	Specify the degree of opacity of the polygon's fill color.
Border color	Select the polygon's border color. You have several methods: color field, color bar, RGB and HEX codes.
Opacity	Specify the degree of opacity of the polygon's border.
Thickness	Specify the thickness of the border.
Dash pattern	Press + to specify whether the polygon's border is dashed and to determine the size of the dash and the space between dashes.

Texts

The font is not editable. You can specify these parameters:

Bold	Select this option to use the bold font.
Italic	Select this option to use the italic font.
Color	Select the text color. You have several methods: color field, color bar, RGB and HEX codes.
Contour	Click on the icon to activate contour drawing and select its color. You have several methods: color field, color bar, RGB and HEX codes.
Opacity	Specify the degree of opacity of the text.