[
    {
        "id": "draw-radius-label",
        "type": "symbol",
        "filter": [
            "==",
            "meta",
            "currentPosition"
        ],
        "layout": {
            "text-field": "{radiusMetric}",
            "text-anchor": "left",
            "text-offset": [
                1,
                0
            ],
            "text-size": 16
        },
        "paint": {
            "text-color": "#000",
            "text-halo-color": "#fff",
            "text-halo-width": 3,
            "text-halo-blur": 1
        }
    },
    {
        "id": "draw-line",
        "type": "line",
        "filter": [
            "all",
            [
                "==",
                "$type",
                "LineString"
            ],
            [
                "!=",
                "mode",
                "static"
            ],
            [
                "==",
                "active",
                "true"
            ]
        ],
        "layout": {
            "line-cap": "round",
            "line-join": "round"
        },
        "paint": {
            "line-color": "#fd9c27",
            "line-dasharray": [
                0.2,
                2
            ],
            "line-width": 2
        }
    },
    {
        "id": "draw-polygon-fill",
        "type": "fill",
        "filter": [
            "all",
            [
                "==",
                "$type",
                "Polygon"
            ],
            [
                "!=",
                "mode",
                "static"
            ],
            [
                "==",
                "active",
                "true"
            ]
        ],
        "paint": {
            "fill-color": "#fd9c27",
            "fill-opacity": 0.1
        }
    },
    {
        "id": "draw-polygon-stroke-active",
        "type": "line",
        "filter": [
            "all",
            [
                "==",
                "$type",
                "Polygon"
            ],
            [
                "!=",
                "mode",
                "static"
            ],
            [
                "==",
                "active",
                "true"
            ]
        ],
        "layout": {
            "line-cap": "round",
            "line-join": "round"
        },
        "paint": {
            "line-color": "#fd9c27",
            "line-dasharray": [
                0.2,
                2
            ],
            "line-width": 2
        }
    },
    {
        "id": "draw-polygon-and-line-midpoint",
        "type": "circle",
        "filter": [
            "all",
            [
                "==",
                "meta",
                "midpoint"
            ],
            [
                "==",
                "$type",
                "Point"
            ],
            [
                "!=",
                "mode",
                "static"
            ]
        ],
        "paint": {
            "circle-radius": 3,
            "circle-color": "#fd9c27",
            "circle-opacity": 0.8
        }
    },
    {
        "id": "draw-polygon-and-line-vertex-halo-active",
        "type": "circle",
        "filter": [
            "all",
            [
                "==",
                "meta",
                "vertex"
            ],
            [
                "==",
                "$type",
                "Point"
            ],
            [
                "!=",
                "mode",
                "static"
            ]
        ],
        "paint": {
            "circle-radius": 5,
            "circle-color": "#fff"
        }
    },
    {
        "id": "draw-polygon-and-line-vertex-active",
        "type": "circle",
        "filter": [
            "all",
            [
                "==",
                "meta",
                "vertex"
            ],
            [
                "==",
                "$type",
                "Point"
            ],
            [
                "!=",
                "mode",
                "static"
            ]
        ],
        "paint": {
            "circle-radius": 3,
            "circle-color": "#fd9c27"
        }
    },
    {
        "id": "draw-polygon-and-line-vertex-halo-active-highlight",
        "type": "circle",
        "filter": [
            "all",
            [
                "==",
                "meta",
                "vertex"
            ],
            [
                "==",
                "$type",
                "Point"
            ],
            [
                "!=",
                "mode",
                "static"
            ],
            [
                "==",
                "active",
                "true"
            ]
        ],
        "paint": {
            "circle-radius": 7,
            "circle-color": "#fff"
        }
    },
    {
        "id": "draw-polygon-and-line-vertex-active-highlight",
        "type": "circle",
        "filter": [
            "all",
            [
                "==",
                "meta",
                "vertex"
            ],
            [
                "==",
                "$type",
                "Point"
            ],
            [
                "!=",
                "mode",
                "static"
            ],
            [
                "==",
                "active",
                "true"
            ]
        ],
        "paint": {
            "circle-radius": 5,
            "circle-color": "#fd9c27"
        }
    },
    {
        "id": "draw-polygon-fill-static",
        "type": "fill",
        "filter": [
            "all",
            [
                "==",
                "$type",
                "Polygon"
            ],
            [
                "any",
                [
                    "==",
                    "mode",
                    "static"
                ],
                [
                    "==",
                    "active",
                    "false"
                ]
            ]
        ],
        "paint": {
            "fill-color": "#fd9c27",
            "fill-opacity": 0.4
        }
    },
    {
        "id": "draw-polygon-stroke-static",
        "type": "line",
        "filter": [
            "all",
            [
                "==",
                "$type",
                "Polygon"
            ],
            [
                "any",
                [
                    "==",
                    "mode",
                    "static"
                ],
                [
                    "==",
                    "active",
                    "false"
                ]
            ]
        ],
        "layout": {
            "line-cap": "round",
            "line-join": "round"
        },
        "paint": {
            "line-color": "#fd9c27",
            "line-opacity": 0.5,
            "line-width": 2
        }
    },
    {
        "id": "points-active",
        "type": "circle",
        "filter": [
            "all",
            [
                "==",
                "$type",
                "Point"
            ],
            [
                "==",
                "meta",
                "feature"
            ],
            [
                "==",
                "active",
                "true"
            ]
        ],
        "paint": {
            "circle-stroke-width": 3,
            "circle-stroke-color": "#fff",
            "circle-radius": 5,
            "circle-color": "#fd9c27"
        }
    },
    {
        "id": "points",
        "type": "circle",
        "filter": [
            "all",
            [
                "==",
                "$type",
                "Point"
            ],
            [
                "==",
                "meta",
                "feature"
            ],
            [
                "!=",
                "meta",
                "radius"
            ],
            [
                "==",
                "active",
                "false"
            ]
        ],
        "paint": {
            "circle-stroke-width": 2,
            "circle-stroke-color": "#fff",
            "circle-radius": 4,
            "circle-color": "#fd9c27"
        }
    }
]