---
title: "MAP_STYLE_CONFIG | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Variable MAP\_STYLE\_CONFIG`Const`

MAP\_STYLE\_CONFIG: readonly \[  
    {  
        description: "";  
        name: "Streets";  
        referenceStyleID: "STREETS\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                deprecationMessage: "\\"streets-v2\\" is deprecated, use \\"streets-v4\\" instead";  
                description: "";  
                id: "streets-v2";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"streets-v2-dark\\" is deprecated, use \\"streets-v4-dark\\" instead";  
                description: "";  
                id: "streets-v2-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"streets-v2-light\\" is deprecated, use \\"streets-v4-light\\" instead";  
                description: "";  
                id: "streets-v2-light";  
                imageURL: "";  
                name: "Light";  
                variantType: "LIGHT";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"streets-v2-night\\" is deprecated, use \\"streets-v4-night\\" instead";  
                description: "";  
                id: "streets-v2-night";  
                imageURL: "";  
                name: "Night";  
                variantType: "NIGHT";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"streets-v2-pastel\\" is deprecated, use \\"streets-v4-pastel\\" instead";  
                description: "";  
                id: "streets-v2-pastel";  
                imageURL: "";  
                name: "Pastel";  
                variantType: "PASTEL";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Streets";  
        referenceStyleID: "STREETS\_V4";  
        variants: readonly \[  
            {  
                description: "";  
                id: "streets-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "streets-v4-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                description: "";  
                id: "streets-v4-pastel";  
                imageURL: "";  
                name: "Pastel";  
                variantType: "PASTEL";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Base";  
        referenceStyleID: "BASE\_V4";  
        variants: readonly \[  
            {  
                description: "";  
                id: "base-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "base-v4-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                description: "";  
                id: "base-v4-light";  
                imageURL: "";  
                name: "Light";  
                variantType: "LIGHT";  
            },  
            {  
                description: "";  
                id: "base-v4-ai";  
                imageURL: "";  
                name: "AI";  
                variantType: "AI";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Outdoor";  
        referenceStyleID: "OUTDOOR\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                deprecationMessage: "\\"outdoor-v2\\" is deprecated, use \\"outdoor-v4\\" instead";  
                description: "";  
                id: "outdoor-v2";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"outdoor-v2-dark\\" is deprecated, use \\"outdoor-v4-dark\\" instead";  
                description: "";  
                id: "outdoor-v2-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Winter";  
        referenceStyleID: "WINTER\_V2";  
        variants: readonly \[  
            {  
                description: "";  
                id: "winter-v2";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "winter-v2-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Winter";  
        referenceStyleID: "WINTER\_V4";  
        variants: readonly \[  
            {  
                description: "";  
                id: "winter-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "winter-v4-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Satellite";  
        referenceStyleID: "SATELLITE\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                deprecationMessage: "\\"satellite\\" is deprecated, use \\"satellite-v4\\" instead";  
                description: "";  
                id: "satellite";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Hybrid";  
        referenceStyleID: "HYBRID\_V2";  
        variants: readonly \[  
            {  
                description: "";  
                id: "hybrid";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Hybrid";  
        referenceStyleID: "HYBRID\_V4";  
        variants: readonly \[  
            {  
                id: "hybrid-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            { id: "hybrid-v4-dark"; imageURL: ""; name: "Dark"; variantType: "DARK" },  
        \];  
    },  
    {  
        description: "";  
        name: "Basic";  
        referenceStyleID: "BASIC\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                deprecationMessage: "\\"basic-v2\\" is deprecated, use \\"base-v4\\" instead";  
                description: "";  
                id: "basic-v2";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                deprecationMessage: "\\"basic-v2\\" is deprecated, use \\"base-v4\\" instead";  
                description: "";  
                id: "basic-v2-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"basic-v2\\" is deprecated, use \\"base-v4\\" instead";  
                description: "";  
                id: "basic-v2-light";  
                imageURL: "";  
                name: "Light";  
                variantType: "LIGHT";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Bright";  
        referenceStyleID: "BRIGHT";  
        variants: readonly \[  
            {  
                description: "";  
                id: "bright-v2";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "bright-v2-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                description: "";  
                id: "bright-v2-light";  
                imageURL: "";  
                name: "Light";  
                variantType: "LIGHT";  
            },  
            {  
                description: "";  
                id: "bright-v2-pastel";  
                imageURL: "";  
                name: "Pastel";  
                variantType: "PASTEL";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "OpenStreetMap";  
        referenceStyleID: "OPENSTREETMAP\_V2";  
        variants: readonly \[  
            {  
                description: "";  
                id: "openstreetmap";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "openstreetmap-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Topo";  
        referenceStyleID: "TOPO\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                deprecationMessage: "\\"topo-v2\\" is deprecated, use \\"topo-v4\\" instead";  
                description: "";  
                id: "topo-v2";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"topo-v2-dark\\" is deprecated, use \\"topo-v4-dark\\" instead";  
                description: "";  
                id: "topo-v2-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                deprecated: true;  
                description: "";  
                id: "topo-v2-shiny";  
                imageURL: "";  
                name: "Shiny";  
                variantType: "SHINY";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"topo-v2-pastel\\" is deprecated, use \\"topo-v4-pastel\\" instead";  
                description: "";  
                id: "topo-v2-pastel";  
                imageURL: "";  
                name: "Pastel";  
                variantType: "PASTEL";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"topo-v2-topographique\\" is deprecated, use \\"topo-v4-topographique\\" instead";  
                description: "";  
                id: "topo-v2-topographique";  
                imageURL: "";  
                name: "Topographique";  
                variantType: "TOPOGRAPHIQUE";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Voyager";  
        referenceStyleID: "VOYAGER\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                description: "";  
                id: "voyager-v2";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                deprecated: true;  
                description: "";  
                id: "voyager-v2-darkmatter";  
                imageURL: "";  
                name: "Darkmatter";  
                variantType: "DARK";  
            },  
            {  
                deprecated: true;  
                description: "";  
                id: "voyager-v2-positron";  
                imageURL: "";  
                name: "Positron";  
                variantType: "LIGHT";  
            },  
            {  
                deprecated: true;  
                description: "";  
                id: "voyager-v2-vintage";  
                imageURL: "";  
                name: "Vintage";  
                variantType: "VINTAGE";  
            },  
        \];  
    },  
    {  
        deprecated: true;  
        deprecationMessage: "\\"toner-v2\\" is deprecated, and will be no longer be a default style in the future";  
        description: "";  
        name: "Toner";  
        referenceStyleID: "TONER\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                deprecationMessage: "\\"toner-v2\\" is deprecated, and may be removed in future versions.";  
                description: "";  
                id: "toner-v2";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"toner-v2-background\\" is deprecated, and may be removed in future versions.";  
                description: "";  
                id: "toner-v2-background";  
                imageURL: "";  
                name: "Background";  
                variantType: "BACKGROUND";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"toner-v2-lite\\" is deprecated, and may be removed in future versions.";  
                description: "";  
                id: "toner-v2-lite";  
                imageURL: "";  
                name: "Lite";  
                variantType: "LITE";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"toner-v2-lines\\" is deprecated, and may be removed in future versions.";  
                description: "";  
                id: "toner-v2-lines";  
                imageURL: "";  
                name: "Lines";  
                variantType: "LINES";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Dataviz";  
        referenceStyleID: "DATAVIZ\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                deprecationMessage: "\\"dataviz\\" is deprecated, use \\"dataviz-v4\\" instead";  
                description: "";  
                id: "dataviz";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"dataviz-dark\\" is deprecated, use \\"dataviz-v4-dark\\" instead";  
                description: "";  
                id: "dataviz-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"dataviz-light\\" is deprecated, use \\"dataviz-v4-light\\" instead";  
                description: "";  
                id: "dataviz-light";  
                imageURL: "";  
                name: "Light";  
                variantType: "LIGHT";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Backdrop";  
        referenceStyleID: "BACKDROP\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                deprecationMessage: "\\"backdrop\\" is deprecated, use \\"backdrop-v4\\" instead";  
                description: "";  
                id: "backdrop";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"backdrop-dark\\" is deprecated, use \\"backdrop-v4-dark\\" instead";  
                description: "";  
                id: "backdrop-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"backdrop-light\\" is deprecated, use \\"backdrop-v4-light\\" instead";  
                description: "";  
                id: "backdrop-light";  
                imageURL: "";  
                name: "Light";  
                variantType: "LIGHT";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Ocean";  
        referenceStyleID: "OCEAN\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                deprecationMessage: "\\"ocean\\" is deprecated, use \\"ocean-v4\\" instead";  
                description: "";  
                id: "ocean";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
        \];  
    },  
    {  
        description: "Watercolor map for creative use";  
        name: "Aquarelle";  
        referenceStyleID: "AQUARELLE\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                deprecationMessage: "\\"aquarelle\\" is deprecated, use \\"aquarelle-v4\\" instead";  
                description: "";  
                id: "aquarelle";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"aquarelle-dark\\" is deprecated, use \\"aquarelle-v4-dark\\" instead";  
                description: "";  
                id: "aquarelle-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"aquarelle-vivid\\" is deprecated, use \\"aquarelle-v4-vivid\\" instead";  
                description: "";  
                id: "aquarelle-vivid";  
                imageURL: "";  
                name: "Vivid";  
                variantType: "VIVID";  
            },  
        \];  
    },  
    {  
        description: "Terrain map for data overlays and visualisations";  
        name: "Landscape";  
        referenceStyleID: "LANDSCAPE\_V2";  
        variants: readonly \[  
            {  
                deprecated: true;  
                deprecationMessage: "\\"landscape\\" is deprecated, use \\"landscape-v4\\" instead";  
                description: "";  
                id: "landscape";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"landscape-dark\\" is deprecated, use \\"landscape-v4-dark\\" instead";  
                description: "";  
                id: "landscape-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                deprecated: true;  
                deprecationMessage: "\\"landscape-vivid\\" is deprecated, use \\"landscape-v4-vivid\\" instead";  
                description: "";  
                id: "landscape-vivid";  
                imageURL: "";  
                name: "Vivid";  
                variantType: "VIVID";  
            },  
        \];  
    },  
    {  
        description: "Terrain map for data overlays and visualisations";  
        name: "Landscape";  
        referenceStyleID: "LANDSCAPE\_V4";  
        variants: readonly \[  
            {  
                description: "";  
                id: "landscape-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "landscape-v4-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                description: "";  
                id: "landscape-v4-vivid";  
                imageURL: "";  
                name: "Vivid";  
                variantType: "VIVID";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Satellite";  
        referenceStyleID: "SATELLITE\_V4";  
        variants: readonly \[  
            {  
                description: "";  
                id: "satellite-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "satellite-v4-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Dataviz";  
        referenceStyleID: "DATAVIZ\_V4";  
        variants: readonly \[  
            {  
                description: "";  
                id: "dataviz-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "dataviz-v4-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                description: "";  
                id: "dataviz-v4-light";  
                imageURL: "";  
                name: "Light";  
                variantType: "LIGHT";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Outdoor";  
        referenceStyleID: "OUTDOOR\_V4";  
        variants: readonly \[  
            {  
                description: "";  
                id: "outdoor-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "outdoor-v4-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Backdrop";  
        referenceStyleID: "BACKDROP\_V4";  
        variants: readonly \[  
            {  
                description: "";  
                id: "backdrop-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "backdrop-v4-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                description: "";  
                id: "backdrop-v4-light";  
                imageURL: "";  
                name: "Light";  
                variantType: "LIGHT";  
            },  
        \];  
    },  
    {  
        description: "Watercolor map for creative use";  
        name: "Aquarelle";  
        referenceStyleID: "AQUARELLE\_V4";  
        variants: readonly \[  
            {  
                description: "";  
                id: "aquarelle-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "aquarelle-v4-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                description: "";  
                id: "aquarelle-v4-vivid";  
                imageURL: "";  
                name: "Vivid";  
                variantType: "VIVID";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Ocean";  
        referenceStyleID: "OCEAN\_V4";  
        variants: readonly \[  
            {  
                description: "";  
                id: "ocean-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "ocean-v4-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
        \];  
    },  
    {  
        description: "";  
        name: "Topo";  
        referenceStyleID: "TOPO\_V4";  
        variants: readonly \[  
            {  
                description: "";  
                id: "topo-v4";  
                imageURL: "";  
                name: "Default";  
                variantType: "DEFAULT";  
            },  
            {  
                description: "";  
                id: "topo-v4-dark";  
                imageURL: "";  
                name: "Dark";  
                variantType: "DARK";  
            },  
            {  
                description: "";  
                id: "topo-v4-pastel";  
                imageURL: "";  
                name: "Pastel";  
                variantType: "PASTEL";  
            },  
            {  
                description: "";  
                id: "topo-v4-topographique";  
                imageURL: "";  
                name: "Topographique";  
                variantType: "TOPOGRAPHIQUE";  
            },  
        \];  
    },  
\]