Add style

Description	Adds a style to a vector layer.
Endpoint	/path/{pathId}/vector/style
Method	POST

Access Level Rules

Access Level

edit+

Processing Units

Processing units

2

Parameters

Name	Description	Required	Default
pathId	The id of the vector layer.	true
name	The name of the new style.	true
default	Boolean whether the style should be the default style.	true
method	The method of the style. Must be one of 'rules', 'transitionPoints', 'random', 'singleColor' or 'fromColorProperty'.	true
parameters	An object containing the parameters of the style. Below table defines the style parameters The content differs between methods.	true

Sample requests for different methods

Single Color

{
    "name": "Vector Style",
    "default": true,
    "method": "singleColor",
    "parameters": {
        "alpha": 0.5,
        "width": 2,
        "radius": {
            "method": "constant",
            "parameters": {
                "value": 7
            }
        },
        "color": "#c75b1c"

Random

{
    "name": "Vector Style",
    "default": true,
    "method": "random",
    "parameters": {
        "alpha": 0.5,
        "width": 2,
        "radius": {
            "method": "constant",
            "parameters": {
                "value": 7
            }
        },
        "property": "iso_a2",
        "borderColor": "#934314"
    }
}

Transition Points

{
    "name": "Vector Style",
    "default": true,
    "method": "transitionPoints",
    "parameters": {
        "property": "fid",
        "defaultColor": "#c75b1c",
        "alpha": 0.5,
        "width": 2,
        "radius": {
            "method": "constant",
            "parameters": {
                "value": 7
            }
        },
        "continuous": true,
        "transitionPoints": [
            {
                "value": 1,
                "color": "#2A5C84"
            },
            {
                "value": 1524.25,
                "color": "#74AE56"
            },
            {
                "value": 3047.5,
                "color": "#FFE733"
            },
            {
                "value": 4570.75,
                "color": "#FF8C01"
            },
            {
                "value": 6094,
                "color": "#ED2938"
            }
        ],
        "borderColor": "#060200"
    }
}

Inherit from color property

{
    "name": "Vector Style",
    "default": true,
    "method": "fromColorProperty",
    "parameters": {
        "defaultColor": "#c75b1c",
        "alpha": 0.5,
        "width": 2,
        "radius": {
            "method": "constant",
            "parameters": {
                "value": 7
            }
        }
    }
}

classToColor

{
    "method": "classToColor",
    "name": "maps vectors to a color based on the value of a certain property",
    "parameters": {
        "alpha": 1,
        "defaultColor": "#c75b1c",
        "property": "myProperty",
        "colorMapping": 
            [
                {"value":"myPropertyValue1", "color": "#2A5C84"},
                {"value":"myPropertyValue2", "color":"#FFE733"},
                {"value":"myPropertyValue3", "color": "#FF8C01"},
                {"value":"myPropertyValue4", "color":"#ED2938"},
            ],
        "width": 2,
        "radius": {
            "method": "constant",
            "parameters": {
                "value": 7
            }
        }            
    }
}

RECOMMENDED READING

🖌️pageVector styling methods