Styles

A layer's style defines the graphical representation of spatial elements on the map. This representation can be unique for all elements or can vary depending on the values ​​of an attribute or the scale. Styles are defined by a set of rules, allowing for highly accurate and diverse representation of the layer's data.

Each layer can have different styles. For example, a layer can have one style for scales greater than 1:20,000 and another style for scales less than or equal to 1:20,000. It can also have a style that displays polygons representing city sectors, colored differently according to the crime rate in each sector.

You can enable or disable the configured styles so that they are displayed by default or not in JMap NG applications.

The Styles section, accessible by clicking on , provides tools to configure the layer's styles. The layer has a default style, of the Unique symbol type, which you can modify.

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 type represents map elements with the same symbology. The symbology can vary only depending on the scale.

Style name

The style displays a default name, which you can change by clicking on .

To the left of the style name, the checkbox allows you to enable or disable the style's display on the map. When the style display is enabled, it is displayed by default in the JMap NG application map.

Scales and zoom levels

These two components are associated and determine the scale range within which a symbology can be applied.

Scales are expressed in zoom levels. JMap Cloud offers 24 zoom levels: level 0 corresponds to the entire planet, while level 23, which is very detailed, corresponds to a specific point on the ground (part of a building, for example). Scales displays the values ​​0.0 → 23.0.

Zoom levels displays a bar with two points at the extremes of the range and two boxes displaying the zoom values ​​for those points, 0.0 and 23.0.

To set a scale threshold:

1. In Scales, hover over the values ​​0.0 → 23.0. The + icons appear over the numbers.

2. Click +. Scales calculates and displays the midpoint between the extremes, 0.0 → 11.5 → 23.0. Zoom levels adds a point 11.5 to the bar. You can adjust the value 11.5 by dragging the point on the bar or by typing the value in the box that displays it.

3. To add another interval, hover over the values ​​in Scales and click the + icon that appears near the value where you want to create the interval. Scales displays the new midpoint. For example, if you click on + near the value 23.0, Scales calculates and displays the midpoint between 11.5 and 23.0, which is 17.3, and then displayed intervals are 0.0 → 11.5 → 17.3 → 23.0. Zoom levels displays the same intervals on the bar.

4. In Scales, click one of the intervals to select it. The interval becomes active on the Zoom levels bar. The boxes display its extreme values.

5. Drag the points to change the interval thresholds or change the values ​​displayed in the boxes. The intervals update in Scales and Zoom levels.

6. To clear a threshold on Zoom levels, click . The information updates in both, Scales and Zoom levels.

Symbol

This section allows you to configure the symbol that represents the elements. As shown in the previous section, you can configure different symbols for each scale range.

Details on the composition of symbols are presented in the Vector features symbology section.

Unique Values

This style type represents map features with symbology that varies depending on the value of an attribute.

Style Name

The style displays a default name, which you can change by clicking on .

To the left of the style name, the checkbox allows you to enable or disable the style's display on the map. When the style display is enabled, it is displayed by default in the JMap NG application map.

Attribute

The drop-down list allows you to select the attribute to use in the style.

The attribute can be text, date, or quantitative and must have a maximum of 500 different values. Attributes exceeding this value are not available to define this style type.

To be available, the attribute must be enabled in the layer Properties section.

Zoom levels

Zoom levels displays a bar with two points at the extremes of the range, along with two boxes displaying the zoom values ​​for these points: 0.0 and 23.0.

Select the zoom level threshold within which the style will be displayed in applications such as JMap NG.

You can drag the points on the bar or enter the values ​​in the boxes.

Conditions

Click the arrow to expand the Conditions section and display each of the attribute's conditions or unique values.

Click to display the available automatic color palettes. There are several palettes: miscellaneous, single hue, multi hues, divergent, and qualitative. Each palette maximizes the differences between the unique values. Click on the palette of your choice to apply it to the entire set of conditions.

Click the arrow for each condition to open its configuration interface. This varies depending on the geometry of the layer's elements. Details are presented in the Vector features symbology section. The symbology for each condition can be configured independently of the other conditions.

Click to edit the condition name and make the legend more understandable.

Click to clear the condition. The other conditions are not changed. The style does not display the cleared condition.

Vector features symbology

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

Points

You can compose the symbol for point features by layering several different icons. Press + to add an icon to the symbol and to remove an icon from the symbol. Each icon adds a tab containing 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 compose the symbol for linear features by layering several different line styles. Press + to add a line style to the symbol and to remove a line style from the symbol. Each line style adds a tab containing its settings.

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.