Variables¶
Variables in YSLD that allow for a certain directive or block of directives to be defined by name and later reused. This can greatly simplify the styling document.
The two most-common use cases for using variables are:
To create a more-friendly name for a value (such as using
myorange
instead of#EE8000
)To define a block of directives to remove redundant content and to decrease file length
It is customary, but not required, to place all definitions at the very top of the YSLD file, above all header information, feature styles, or rules.
Syntax¶
Single value¶
The syntax for defining a variable as a single value is:
define: &variable <value>
where:
Attribute |
Required? |
Description |
Default value |
---|---|---|---|
|
Yes |
Starts the definition block. |
N/A |
|
Yes |
The name of the variable being defined. The |
N/A |
|
Yes |
A single value, such as |
N/A |
The syntax for using this variable is to prepend the variable name with a *
:
<directive>: *variable
This variable can be used in any place where its type is expected.
Directive block¶
The syntax for defining a variable as a content block is:
define: &varblock
<directive>: <value>
<directive>: <value>
...
<block>:
- <directive>: <value>
<directive>: <value>
...
Any number of directives or blocks of directives can be inside the definition block. Moreover, any type of directive that is valid YSLD can be included in the definition, so long as the content block could be substituted for the variable without modification.
Note
It is also possible to have nested definitions.
The syntax for using this variable is to prepend the variable name with <<: *
. For example:
<block>:
- <directive>: <value>
<<: *varblock
The line that contains the variable will be replaced with the contents of the definition.
Examples¶
The following are all examples of variable substitution
Name a color:
define: &myorange '#EE8000'
stroke: *myorange
Reusable text string:
define: &rulename "This is my rule"
title: *rulename
Stroke style:
define: &strokestyle
stroke: '#FF0000'
stroke-width: 2
stroke-opacity: 0.5
polygon:
<<: *strokestyle