Styles
Dernière mise à jour
Dernière mise à jour
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 on + 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).
This style type represents map elements with the same symbology. The symbology can vary only depending on the scale.
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.
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:
In Scales, hover over the values ​​0.0 → 23.0. The + icons appear over the numbers.
Click on +. 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.
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.
In Scales, click on one of the intervals to select it. The interval becomes active on the Zoom levels bar. The boxes display its extreme values.
Drag the points to change the interval thresholds or change the values ​​displayed in the boxes. The intervals update in Scales and Zoom levels.
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.
This style type represents map features with symbology that varies depending on the value of an attribute.
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.
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.
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.
Click on the arrow to expand the Conditions section and display each of the attribute's conditions or unique values.
The components of the Symbol section vary depending on the layer's features.
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.
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.
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.
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.
The style displays a default name, which you can change by clicking on .
To clear a threshold on Zoom levels, click on . The information updates in both, Scales and Zoom levels.
Details on the composition of symbols are presented in the section.
The style displays a default name, which you can change by clicking on .
To be available, the attribute must be enabled in the layer section.
Click on 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 on 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 section. The symbology for each condition can be configured independently of the other conditions.
Click on to edit the condition name and make the legend more understandable.
Click on to clear the condition. The other conditions are not changed. The style does not display the cleared condition.
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.
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.