สตูดิโอสไตล์แผนที่
ทำให้แผนที่ดูเป็น ผลิตภัณฑ์ของคุณ

เริ่มจากแผนที่ฐานประเทศไทยที่ใช้งานได้จริง ปรับแต่งแบบสด แล้วนำ API request หรือ style JSON ที่ตรงกับภาพไปใช้ใน MapLibre ได้เลย ทดลองได้โดยไม่ต้องมีคีย์หรือบัญชี
ตัวควบคุมสไตล์
สร้างระบบภาพของคุณ

สไตล์แผนที่ยอดนิยม

ทันที
แต่ละพรีเซ็ตเลือกระดับความละเอียดของเลเยอร์เอง พรีเซ็ตที่ได้แรงบันดาลใจเป็นจุดเริ่มต้นอิสระ ไม่ใช่สไตล์ของผู้ให้บริการรายนั้นโดยตรง แบบภูมิประเทศเพิ่มระดับความสูง 3 มิติและแสงเงาจริง แต่ยังไม่มีเส้นชั้นความสูง
ชุดสีพื้นฐาน

style JSON
พื้นดิน#eef0f2แหล่งน้ำ#9fcce3สวน + ธรรมชาติ#c8dfc0อาคาร#c7ccd2พื้นผิวถนน#ffffffข้อความป้ายชื่อ#252b31ขอบป้ายชื่อ#ffffffสีขนส่ง + เขตแดน#d8673c
สีของชุดแผนที่เป็น MapLibre style override ส่วนสีเน้นจะส่งไปกับ API request สำหรับ overlay ที่รองรับด้วย
ป้ายชื่อ

API + JSON
แสดงป้ายชื่อทั้งหมดขนาดตัวอักษร105%
กลุ่มเลเยอร์

API
เมื่อปิดกลุ่ม ระบบจะเพิ่มกลุ่มนั้นในพารามิเตอร์ hide ของ API
รูปทรง

style JSON
ความหนาถนน115%ความทึบของอาคาร92%
กล้อง

ตั้งค่าแผนที่
ซูม16.10มุมก้มเงย56°ทิศทาง-28°
ตัวอย่างสด
107/107 เลเยอร์ที่แสดง
มุมเมืองรอบมหานคร
อาคารตามความสูงจริงชิ้นส่วนอาคารมหานคร
กำลังโหลดข้อมูลแผนที่…
ลากเพื่อตรวจดู ใช้ตัวควบคุมเพื่อกำหนดค่ากล้องสำหรับ exportเมือง 3 มิติ · มหานคร
ส่งต่อสู่โปรดักชัน
นำสไตล์ไปใช้ต่อ

ทุกตัวเลือกโค้ดและ JSON มีสไตล์ตรงตามที่เลือกครบถ้วน
{
  "version": 8,
  "glyphs": "https://api.mapscale.io/fonts/v1/{fontstack}/{range}.pbf?key=YOUR_MAPSCALE_KEY",
  "sources": {
    "osm": {
      "type": "vector",
      "tiles": [
        "https://api.mapscale.io/tiles/v1/world/{z}/{x}/{y}.mvt?key=YOUR_MAPSCALE_KEY"
      ],
      "attribution": "<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\" rel=\"noopener noreferrer\">© OpenStreetMap contributors</a> (<a href=\"https://opendatacommons.org/licenses/odbl/1-0/\" target=\"_blank\" rel=\"noopener noreferrer\">ODbL 1.0</a>) · <a href=\"https://www.naturalearthdata.com/about/terms-of-use/\" target=\"_blank\" rel=\"noopener noreferrer\">Natural Earth</a>",
      "minzoom": 0,
      "maxzoom": 14
    },
    "city-landmark": {
      "type": "geojson",
      "data": {
        "type": "FeatureCollection",
        "features": [
          {
            "type": "Feature",
            "properties": {
              "name_en": "King Power MahaNakhon",
              "name_th": "คิง เพาเวอร์ มหานคร",
              "priority": 10
            },
            "geometry": {
              "type": "Point",
              "coordinates": [
                100.5281,
                13.7233
              ]
            }
          }
        ]
      },
      "attribution": "© OpenStreetMap contributors"
    }
  },
  "layers": [
    {
      "id": "background",
      "type": "background",
      "paint": {
        "background-color": "#eef0f2"
      }
    },
    {
      "id": "landcover-glacier",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849388993.3071"
      },
      "source": "osm",
      "source-layer": "landcover",
      "filter": [
        "==",
        "subclass",
        "glacier"
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#c8dfc0",
        "fill-opacity": {
          "base": 1,
          "stops": [
            [
              0,
              0.9
            ],
            [
              10,
              0.3
            ]
          ]
        }
      }
    },
    {
      "id": "landcover-farmland",
      "type": "fill",
      "source": "osm",
      "source-layer": "landcover",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "Polygon"
        ],
        [
          "==",
          "class",
          "farmland"
        ],
        [
          "!=",
          "subclass",
          "orchard"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#c8dfc0",
        "fill-opacity": 0.76
      }
    },
    {
      "id": "landcover-orchard",
      "type": "fill",
      "source": "osm",
      "source-layer": "landcover",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "Polygon"
        ],
        [
          "==",
          "class",
          "farmland"
        ],
        [
          "==",
          "subclass",
          "orchard"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#c8dfc0",
        "fill-opacity": 0.86
      }
    },
    {
      "id": "landuse-retail",
      "type": "fill",
      "source": "osm",
      "source-layer": "landuse",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "Polygon"
        ],
        [
          "==",
          "class",
          "retail"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#c7ccd2",
        "fill-opacity": 0.82
      }
    },
    {
      "id": "landuse-transit-hub",
      "type": "fill",
      "source": "osm",
      "source-layer": "landuse",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "Polygon"
        ],
        [
          "==",
          "class",
          "bus_station"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#d8673c",
        "fill-opacity": 0.86
      }
    },
    {
      "id": "landuse-residential",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849388993.3071"
      },
      "source": "osm",
      "source-layer": "landuse",
      "filter": [
        "all",
        [
          "in",
          "class",
          "residential",
          "suburb",
          "neighbourhood"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#e5e7e9"
      }
    },
    {
      "id": "landuse-commercial",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849388993.3071"
      },
      "source": "osm",
      "source-layer": "landuse",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "Polygon"
        ],
        [
          "==",
          "class",
          "commercial"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#ecdcd4"
      }
    },
    {
      "id": "landuse-industrial",
      "type": "fill",
      "source": "osm",
      "source-layer": "landuse",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "Polygon"
        ],
        [
          "in",
          "class",
          "industrial",
          "garages",
          "dam"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#d9dce0"
      }
    },
    {
      "id": "landuse-cemetery",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849388993.3071"
      },
      "source": "osm",
      "source-layer": "landuse",
      "filter": [
        "==",
        "class",
        "cemetery"
      ],
      "paint": {
        "fill-color": "#d1dfcb"
      }
    },
    {
      "id": "landuse-hospital",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849388993.3071"
      },
      "source": "osm",
      "source-layer": "landuse",
      "filter": [
        "==",
        "class",
        "hospital"
      ],
      "paint": {
        "fill-color": "#efd7d9"
      }
    },
    {
      "id": "landuse-school",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849388993.3071"
      },
      "source": "osm",
      "source-layer": "landuse",
      "filter": [
        "==",
        "class",
        "school"
      ],
      "paint": {
        "fill-color": "#eee1c7"
      }
    },
    {
      "id": "landuse-railway",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849388993.3071"
      },
      "source": "osm",
      "source-layer": "landuse",
      "filter": [
        "==",
        "class",
        "railway"
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#d5d4d2"
      }
    },
    {
      "id": "landcover-wood",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849388993.3071"
      },
      "source": "osm",
      "source-layer": "landcover",
      "filter": [
        "==",
        "class",
        "wood"
      ],
      "paint": {
        "fill-antialias": {
          "base": 1,
          "stops": [
            [
              0,
              false
            ],
            [
              9,
              true
            ]
          ]
        },
        "fill-color": "#bdd7b5",
        "fill-opacity": 0.5,
        "fill-outline-color": "hsla(98, 50%, 60%, 0.1)"
      }
    },
    {
      "id": "landcover-grass",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849388993.3071"
      },
      "source": "osm",
      "source-layer": "landcover",
      "filter": [
        "==",
        "class",
        "grass"
      ],
      "paint": {
        "fill-color": "#d2e4cc",
        "fill-opacity": 0.5
      }
    },
    {
      "id": "landcover-grass-park",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849388993.3071"
      },
      "source": "osm",
      "source-layer": "park",
      "paint": {
        "fill-color": "#c4dcbc",
        "fill-opacity": 0.5
      }
    },
    {
      "id": "waterway_tunnel",
      "type": "line",
      "source": "osm",
      "source-layer": "waterway",
      "minzoom": 14,
      "filter": [
        "all",
        [
          "in",
          "class",
          "river",
          "stream",
          "canal"
        ],
        [
          "==",
          "brunnel",
          "tunnel"
        ]
      ],
      "layout": {
        "line-cap": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#9fcce3",
        "line-dasharray": [
          2,
          4
        ],
        "line-width": {
          "base": 1.3,
          "stops": [
            [
              13,
              0.5
            ],
            [
              20,
              6
            ]
          ]
        }
      }
    },
    {
      "id": "waterway-other",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "waterway",
      "filter": [
        "all",
        [
          "!in",
          "class",
          "canal",
          "river",
          "stream"
        ],
        [
          "==",
          "intermittent",
          0
        ]
      ],
      "layout": {
        "line-cap": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#9fcce3",
        "line-width": {
          "base": 1.3,
          "stops": [
            [
              13,
              0.5
            ],
            [
              20,
              2
            ]
          ]
        }
      }
    },
    {
      "id": "waterway-other-intermittent",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "waterway",
      "filter": [
        "all",
        [
          "!in",
          "class",
          "canal",
          "river",
          "stream"
        ],
        [
          "==",
          "intermittent",
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#9fcce3",
        "line-dasharray": [
          4,
          3
        ],
        "line-width": {
          "base": 1.3,
          "stops": [
            [
              13,
              0.5
            ],
            [
              20,
              2
            ]
          ]
        }
      }
    },
    {
      "id": "waterway-stream-canal",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "waterway",
      "filter": [
        "all",
        [
          "in",
          "class",
          "canal",
          "stream"
        ],
        [
          "!=",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "intermittent",
          0
        ]
      ],
      "layout": {
        "line-cap": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#9fcce3",
        "line-width": {
          "base": 1.3,
          "stops": [
            [
              13,
              0.5
            ],
            [
              20,
              6
            ]
          ]
        }
      }
    },
    {
      "id": "waterway-stream-canal-intermittent",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "waterway",
      "filter": [
        "all",
        [
          "in",
          "class",
          "canal",
          "stream"
        ],
        [
          "!=",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "intermittent",
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#9fcce3",
        "line-dasharray": [
          4,
          3
        ],
        "line-width": {
          "base": 1.3,
          "stops": [
            [
              13,
              0.5
            ],
            [
              20,
              6
            ]
          ]
        }
      }
    },
    {
      "id": "waterway-river",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "waterway",
      "filter": [
        "all",
        [
          "==",
          "class",
          "river"
        ],
        [
          "!=",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "intermittent",
          0
        ]
      ],
      "layout": {
        "line-cap": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#9fcce3",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              10,
              0.8
            ],
            [
              20,
              6
            ]
          ]
        }
      }
    },
    {
      "id": "waterway-river-intermittent",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "waterway",
      "filter": [
        "all",
        [
          "==",
          "class",
          "river"
        ],
        [
          "!=",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "intermittent",
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#9fcce3",
        "line-dasharray": [
          3,
          2.5
        ],
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              10,
              0.8
            ],
            [
              20,
              6
            ]
          ]
        }
      }
    },
    {
      "id": "water-offset",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "water",
      "maxzoom": 8,
      "filter": [
        "==",
        "$type",
        "Polygon"
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#9fcce3",
        "fill-opacity": 1,
        "fill-translate": {
          "base": 1,
          "stops": [
            [
              6,
              [
                2,
                0
              ]
            ],
            [
              8,
              [
                0,
                0
              ]
            ]
          ]
        }
      }
    },
    {
      "id": "water",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "water",
      "filter": [
        "all",
        [
          "!=",
          "intermittent",
          1
        ],
        [
          "!=",
          "brunnel",
          "tunnel"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#9fcce3"
      }
    },
    {
      "id": "water-intermittent",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "water",
      "filter": [
        "all",
        [
          "==",
          "intermittent",
          1
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#9fcce3",
        "fill-opacity": 0.7
      }
    },
    {
      "id": "water-pattern",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "water",
      "filter": [
        "all"
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-pattern": "wave",
        "fill-translate": [
          0,
          2.5
        ],
        "fill-color": "#9fcce3"
      }
    },
    {
      "id": "landcover-ice-shelf",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "landcover",
      "filter": [
        "==",
        "subclass",
        "ice_shelf"
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#c8dfc0",
        "fill-opacity": {
          "base": 1,
          "stops": [
            [
              0,
              0.9
            ],
            [
              10,
              0.3
            ]
          ]
        }
      }
    },
    {
      "id": "landcover-sand",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849382550.77"
      },
      "source": "osm",
      "source-layer": "landcover",
      "filter": [
        "==",
        "class",
        "sand"
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#eadfbd",
        "fill-opacity": 1
      }
    },
    {
      "id": "building",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849364238.8171"
      },
      "source": "osm",
      "source-layer": "building",
      "paint": {
        "fill-antialias": true,
        "fill-color": "#c7ccd2",
        "fill-outline-color": "#adb3ba",
        "fill-opacity": 0.92
      }
    },
    {
      "id": "building-top",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849364238.8171"
      },
      "source": "osm",
      "source-layer": "building",
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-color": "#c7ccd2",
        "fill-opacity": 0.92,
        "fill-outline-color": "#adb3ba",
        "fill-translate": {
          "base": 1,
          "stops": [
            [
              14,
              [
                0,
                0
              ]
            ],
            [
              16,
              [
                -2,
                -2
              ]
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-service-track-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "in",
          "class",
          "service",
          "track"
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-dasharray": [
          0.5,
          0.25
        ],
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              15,
              1.15
            ],
            [
              16,
              4.6
            ],
            [
              20,
              12.649999999999999
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-motorway-link-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-dasharray": [
          0.5,
          0.25
        ],
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12,
              1.15
            ],
            [
              13,
              3.4499999999999997
            ],
            [
              14,
              4.6
            ],
            [
              20,
              17.25
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-minor-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "class",
          "minor"
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": {
          "stops": [
            [
              12,
              0
            ],
            [
              12.5,
              1
            ]
          ]
        },
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12,
              0.575
            ],
            [
              13,
              1.15
            ],
            [
              14,
              4.6
            ],
            [
              20,
              17.25
            ]
          ]
        },
        "line-dasharray": [
          0.5,
          0.25
        ]
      }
    },
    {
      "id": "tunnel-link-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "in",
          "class",
          "trunk",
          "primary",
          "secondary",
          "tertiary"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12,
              1.15
            ],
            [
              13,
              3.4499999999999997
            ],
            [
              14,
              4.6
            ],
            [
              20,
              17.25
            ]
          ]
        },
        "line-dasharray": [
          0.5,
          0.25
        ]
      }
    },
    {
      "id": "tunnel-secondary-tertiary-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "in",
          "class",
          "secondary",
          "tertiary"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              8,
              1.7249999999999999
            ],
            [
              20,
              19.549999999999997
            ]
          ]
        },
        "line-dasharray": [
          0.5,
          0.25
        ]
      }
    },
    {
      "id": "tunnel-trunk-primary-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "in",
          "class",
          "primary",
          "trunk"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              5,
              0.45999999999999996
            ],
            [
              6,
              0.69
            ],
            [
              7,
              1.7249999999999999
            ],
            [
              20,
              25.299999999999997
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-motorway-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-dasharray": [
          0.5,
          0.25
        ],
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              5,
              0.45999999999999996
            ],
            [
              6,
              0.69
            ],
            [
              7,
              1.7249999999999999
            ],
            [
              20,
              25.299999999999997
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-path-steps-casing",
      "type": "line",
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "class",
          "path"
        ],
        [
          "==",
          "subclass",
          "steps"
        ]
      ],
      "layout": {
        "line-cap": "butt",
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": {
          "stops": [
            [
              12,
              0
            ],
            [
              12.5,
              1
            ]
          ]
        },
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12,
              0.575
            ],
            [
              13,
              1.15
            ],
            [
              14,
              2.3
            ],
            [
              20,
              10.6375
            ]
          ]
        },
        "line-dasharray": [
          0.5,
          0.25
        ]
      }
    },
    {
      "id": "tunnel-path-steps",
      "type": "line",
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "class",
          "path"
        ],
        [
          "==",
          "subclass",
          "steps"
        ]
      ],
      "layout": {
        "line-join": "bevel",
        "line-cap": "butt"
      },
      "paint": {
        "line-color": "#e3e5e2",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              13.5,
              0
            ],
            [
              14,
              1.4375
            ],
            [
              20,
              6.6125
            ]
          ]
        },
        "line-dasharray": [
          0.5,
          0.25
        ]
      }
    },
    {
      "id": "tunnel-path",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "class",
          "path"
        ],
        [
          "!=",
          "subclass",
          "steps"
        ]
      ],
      "paint": {
        "line-color": "#e3e5e2",
        "line-dasharray": [
          1.5,
          0.75
        ],
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              15,
              1.38
            ],
            [
              20,
              4.6
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-motorway-link",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#f0c86f",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12.5,
              0
            ],
            [
              13,
              1.7249999999999999
            ],
            [
              14,
              2.875
            ],
            [
              20,
              13.225
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-service-track",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "in",
          "class",
          "service",
          "track"
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#ffffff",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              15.5,
              0
            ],
            [
              16,
              2.3
            ],
            [
              20,
              8.625
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-link",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "in",
          "class",
          "trunk",
          "primary",
          "secondary",
          "tertiary"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#ffffff",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12.5,
              0
            ],
            [
              13,
              1.7249999999999999
            ],
            [
              14,
              2.875
            ],
            [
              20,
              13.225
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-minor",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "class",
          "minor"
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#ffffff",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              13.5,
              0
            ],
            [
              14,
              2.875
            ],
            [
              20,
              13.225
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-secondary-tertiary",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "in",
          "class",
          "secondary",
          "tertiary"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#fffdf9",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              6.5,
              0
            ],
            [
              7,
              0.575
            ],
            [
              20,
              11.5
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-trunk-primary",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "in",
          "class",
          "primary",
          "trunk"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#fff3da",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              6.5,
              0
            ],
            [
              7,
              0.575
            ],
            [
              20,
              20.7
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-motorway",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#f0c86f",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              6.5,
              0
            ],
            [
              7,
              0.575
            ],
            [
              20,
              20.7
            ]
          ]
        }
      }
    },
    {
      "id": "tunnel-railway",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849354174.1904"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "tunnel"
        ],
        [
          "==",
          "class",
          "rail"
        ]
      ],
      "paint": {
        "line-color": "#8c9297",
        "line-dasharray": [
          2,
          2
        ],
        "line-width": {
          "base": 1.4,
          "stops": [
            [
              14,
              0.45999999999999996
            ],
            [
              15,
              0.8624999999999999
            ],
            [
              20,
              2.3
            ]
          ]
        }
      }
    },
    {
      "id": "road_area_pier",
      "type": "fill",
      "metadata": {},
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "Polygon"
        ],
        [
          "==",
          "class",
          "pier"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-antialias": true,
        "fill-color": "#ffffff"
      }
    },
    {
      "id": "road_pier",
      "type": "line",
      "metadata": {},
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "in",
          "class",
          "pier"
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round"
      },
      "paint": {
        "line-color": "#ffffff",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              15,
              1.15
            ],
            [
              17,
              4.6
            ]
          ]
        }
      }
    },
    {
      "id": "highway-area",
      "type": "fill",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "Polygon"
        ],
        [
          "!in",
          "class",
          "pier"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-antialias": false,
        "fill-color": "#ffffff",
        "fill-opacity": 0.9,
        "fill-outline-color": "#cfcdca"
      }
    },
    {
      "id": "highway-path-steps-casing",
      "type": "line",
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "==",
          "class",
          "path"
        ],
        [
          "in",
          "subclass",
          "steps"
        ]
      ],
      "layout": {
        "line-cap": "butt",
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": {
          "stops": [
            [
              12,
              0
            ],
            [
              12.5,
              1
            ]
          ]
        },
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12,
              0.575
            ],
            [
              13,
              1.15
            ],
            [
              14,
              2.3
            ],
            [
              20,
              10.6375
            ]
          ]
        }
      }
    },
    {
      "id": "highway-motorway-link-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "minzoom": 12,
      "filter": [
        "all",
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12,
              1.15
            ],
            [
              13,
              3.4499999999999997
            ],
            [
              14,
              4.6
            ],
            [
              20,
              17.25
            ]
          ]
        }
      }
    },
    {
      "id": "highway-link-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "minzoom": 13,
      "filter": [
        "all",
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "in",
          "class",
          "trunk",
          "primary",
          "secondary",
          "tertiary"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12,
              1.15
            ],
            [
              13,
              3.4499999999999997
            ],
            [
              14,
              4.6
            ],
            [
              20,
              17.25
            ]
          ]
        }
      }
    },
    {
      "id": "highway-minor-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "!=",
          "brunnel",
          "tunnel"
        ],
        [
          "in",
          "class",
          "minor",
          "service",
          "track"
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": {
          "stops": [
            [
              12,
              0
            ],
            [
              12.5,
              1
            ]
          ]
        },
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12,
              0.575
            ],
            [
              13,
              1.15
            ],
            [
              14,
              4.6
            ],
            [
              20,
              17.25
            ]
          ]
        }
      }
    },
    {
      "id": "highway-secondary-tertiary-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "in",
          "class",
          "secondary",
          "tertiary"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "butt",
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              8,
              1.7249999999999999
            ],
            [
              20,
              19.549999999999997
            ]
          ]
        }
      }
    },
    {
      "id": "highway-primary-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "minzoom": 5,
      "filter": [
        "all",
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "in",
          "class",
          "primary"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "butt",
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": {
          "stops": [
            [
              7,
              0
            ],
            [
              8,
              1
            ]
          ]
        },
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              7,
              0
            ],
            [
              8,
              0.69
            ],
            [
              9,
              1.7249999999999999
            ],
            [
              20,
              25.299999999999997
            ]
          ]
        }
      }
    },
    {
      "id": "highway-trunk-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "minzoom": 5,
      "filter": [
        "all",
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "in",
          "class",
          "trunk"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "butt",
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": {
          "stops": [
            [
              5,
              0
            ],
            [
              6,
              1
            ]
          ]
        },
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              5,
              0
            ],
            [
              6,
              0.69
            ],
            [
              7,
              1.7249999999999999
            ],
            [
              20,
              25.299999999999997
            ]
          ]
        }
      }
    },
    {
      "id": "highway-motorway-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "minzoom": 4,
      "filter": [
        "all",
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "butt",
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": {
          "stops": [
            [
              4,
              0
            ],
            [
              5,
              1
            ]
          ]
        },
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              4,
              0
            ],
            [
              5,
              0.45999999999999996
            ],
            [
              6,
              0.69
            ],
            [
              7,
              1.7249999999999999
            ],
            [
              20,
              25.299999999999997
            ]
          ]
        }
      }
    },
    {
      "id": "highway-path",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "==",
          "class",
          "path"
        ],
        [
          "!=",
          "subclass",
          "steps"
        ]
      ],
      "paint": {
        "line-color": "#e3e5e2",
        "line-dasharray": [
          1.5,
          0.75
        ],
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              15,
              1.38
            ],
            [
              20,
              4.6
            ]
          ]
        }
      }
    },
    {
      "id": "highway-path-steps",
      "type": "line",
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "==",
          "class",
          "path"
        ],
        [
          "==",
          "subclass",
          "steps"
        ]
      ],
      "layout": {
        "line-join": "bevel",
        "line-cap": "butt"
      },
      "paint": {
        "line-color": "#e3e5e2",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              13.5,
              0
            ],
            [
              14,
              1.4375
            ],
            [
              20,
              6.6125
            ]
          ]
        },
        "line-dasharray": [
          0.5,
          0.25
        ]
      }
    },
    {
      "id": "highway-motorway-link",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "minzoom": 12,
      "filter": [
        "all",
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round"
      },
      "paint": {
        "line-color": "#f0c86f",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12.5,
              0
            ],
            [
              13,
              1.7249999999999999
            ],
            [
              14,
              2.875
            ],
            [
              20,
              13.225
            ]
          ]
        }
      }
    },
    {
      "id": "highway-link",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "minzoom": 13,
      "filter": [
        "all",
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "in",
          "class",
          "trunk",
          "primary",
          "secondary",
          "tertiary"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#ffffff",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12.5,
              0
            ],
            [
              13,
              1.7249999999999999
            ],
            [
              14,
              2.875
            ],
            [
              20,
              13.225
            ]
          ]
        }
      }
    },
    {
      "id": "highway-minor",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "!=",
          "brunnel",
          "tunnel"
        ],
        [
          "in",
          "class",
          "minor",
          "service",
          "track"
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round"
      },
      "paint": {
        "line-color": "#ffffff",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              13.5,
              0
            ],
            [
              14,
              2.875
            ],
            [
              20,
              13.225
            ]
          ]
        }
      }
    },
    {
      "id": "highway-secondary-tertiary",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "in",
          "class",
          "secondary",
          "tertiary"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#fffdf9",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              6.5,
              0
            ],
            [
              8,
              0.575
            ],
            [
              20,
              14.95
            ]
          ]
        }
      }
    },
    {
      "id": "highway-primary",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "in",
          "class",
          "primary"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#fff3da",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              8.5,
              0
            ],
            [
              9,
              0.575
            ],
            [
              20,
              20.7
            ]
          ]
        }
      }
    },
    {
      "id": "highway-trunk",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "in",
          "class",
          "trunk"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#fff3da",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              6.5,
              0
            ],
            [
              7,
              0.575
            ],
            [
              20,
              20.7
            ]
          ]
        }
      }
    },
    {
      "id": "highway-motorway",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "minzoom": 5,
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round",
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#f0c86f",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              6.5,
              0
            ],
            [
              7,
              0.575
            ],
            [
              20,
              20.7
            ]
          ]
        }
      }
    },
    {
      "id": "railway-transit",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "class",
          "transit"
        ],
        [
          "!in",
          "brunnel",
          "tunnel"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#8c9297",
        "line-width": {
          "base": 1.4,
          "stops": [
            [
              14,
              0.45999999999999996
            ],
            [
              20,
              1.15
            ]
          ]
        }
      }
    },
    {
      "id": "railway-transit-hatching",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "class",
          "transit"
        ],
        [
          "!in",
          "brunnel",
          "tunnel"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#8c9297",
        "line-dasharray": [
          0.2,
          8
        ],
        "line-width": {
          "base": 1.4,
          "stops": [
            [
              14.5,
              0
            ],
            [
              15,
              2.3
            ],
            [
              20,
              6.8999999999999995
            ]
          ]
        }
      }
    },
    {
      "id": "railway-service",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "class",
          "rail"
        ],
        [
          "has",
          "service"
        ]
      ],
      "paint": {
        "line-color": "#8c9297",
        "line-width": {
          "base": 1.4,
          "stops": [
            [
              14,
              0.45999999999999996
            ],
            [
              20,
              1.15
            ]
          ]
        }
      }
    },
    {
      "id": "railway-service-hatching",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "class",
          "rail"
        ],
        [
          "has",
          "service"
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "line-color": "#8c9297",
        "line-dasharray": [
          0.2,
          8
        ],
        "line-width": {
          "base": 1.4,
          "stops": [
            [
              14.5,
              0
            ],
            [
              15,
              2.3
            ],
            [
              20,
              6.8999999999999995
            ]
          ]
        }
      }
    },
    {
      "id": "railway",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "!has",
          "service"
        ],
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "==",
          "class",
          "rail"
        ]
      ],
      "paint": {
        "line-color": "#8c9297",
        "line-width": {
          "base": 1.4,
          "stops": [
            [
              14,
              0.45999999999999996
            ],
            [
              15,
              0.8624999999999999
            ],
            [
              20,
              2.3
            ]
          ]
        }
      }
    },
    {
      "id": "railway-hatching",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "!has",
          "service"
        ],
        [
          "!in",
          "brunnel",
          "bridge",
          "tunnel"
        ],
        [
          "==",
          "class",
          "rail"
        ]
      ],
      "paint": {
        "line-color": "#8c9297",
        "line-dasharray": [
          0.2,
          8
        ],
        "line-width": {
          "base": 1.4,
          "stops": [
            [
              14.5,
              0
            ],
            [
              15,
              3.4499999999999997
            ],
            [
              20,
              9.2
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-motorway-link-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12,
              1.15
            ],
            [
              13,
              3.4499999999999997
            ],
            [
              14,
              4.6
            ],
            [
              20,
              21.849999999999998
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-link-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "in",
          "class",
          "trunk",
          "primary",
          "secondary",
          "tertiary"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12,
              1.15
            ],
            [
              13,
              3.4499999999999997
            ],
            [
              14,
              4.6
            ],
            [
              20,
              21.849999999999998
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-secondary-tertiary-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "in",
          "class",
          "secondary",
          "tertiary"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              5,
              0.45999999999999996
            ],
            [
              7,
              0.69
            ],
            [
              8,
              1.7249999999999999
            ],
            [
              20,
              24.15
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-trunk-primary-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "in",
          "class",
          "primary",
          "trunk"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              5,
              0.45999999999999996
            ],
            [
              6,
              0.69
            ],
            [
              7,
              1.7249999999999999
            ],
            [
              20,
              29.9
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-motorway-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              5,
              0.45999999999999996
            ],
            [
              6,
              0.69
            ],
            [
              7,
              1.7249999999999999
            ],
            [
              20,
              29.9
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-minor-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "in",
          "class",
          "minor",
          "service",
          "track"
        ]
      ],
      "layout": {
        "line-cap": "butt",
        "line-join": "round"
      },
      "paint": {
        "line-color": "#c8cdd2",
        "line-opacity": {
          "stops": [
            [
              12,
              0
            ],
            [
              12.5,
              1
            ]
          ]
        },
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12,
              0.575
            ],
            [
              13,
              1.15
            ],
            [
              14,
              6.8999999999999995
            ],
            [
              20,
              27.599999999999998
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-path-casing",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "==",
          "class",
          "path"
        ]
      ],
      "paint": {
        "line-color": "#c8cdd2",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              15,
              1.38
            ],
            [
              20,
              20.7
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-path-steps",
      "type": "line",
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "==",
          "class",
          "path"
        ],
        [
          "==",
          "subclass",
          "steps"
        ]
      ],
      "layout": {
        "line-join": "round",
        "line-cap": "butt"
      },
      "paint": {
        "line-color": "#e3e5e2",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              13.5,
              0
            ],
            [
              14,
              1.4375
            ],
            [
              20,
              6.6125
            ]
          ]
        },
        "line-dasharray": [
          0.5,
          0.25
        ]
      }
    },
    {
      "id": "bridge-path",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "==",
          "class",
          "path"
        ],
        [
          "!=",
          "subclass",
          "steps"
        ]
      ],
      "paint": {
        "line-color": "#e3e5e2",
        "line-dasharray": [
          1.5,
          0.75
        ],
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              15,
              1.38
            ],
            [
              20,
              4.6
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-motorway-link",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#f0c86f",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12.5,
              0
            ],
            [
              13,
              1.7249999999999999
            ],
            [
              14,
              2.875
            ],
            [
              20,
              13.225
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-link",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "in",
          "class",
          "trunk",
          "primary",
          "secondary",
          "tertiary"
        ],
        [
          "==",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#ffffff",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              12.5,
              0
            ],
            [
              13,
              1.7249999999999999
            ],
            [
              14,
              2.875
            ],
            [
              20,
              13.225
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-minor",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849345966.4436"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "in",
          "class",
          "minor",
          "service",
          "track"
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round"
      },
      "paint": {
        "line-color": "#ffffff",
        "line-opacity": 1,
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              13.5,
              0
            ],
            [
              14,
              2.875
            ],
            [
              20,
              13.225
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-secondary-tertiary",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "in",
          "class",
          "secondary",
          "tertiary"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#fffdf9",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              6.5,
              0
            ],
            [
              8,
              0.575
            ],
            [
              20,
              14.95
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-trunk-primary",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "in",
          "class",
          "primary",
          "trunk"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#fff3da",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              6.5,
              0
            ],
            [
              7,
              0.575
            ],
            [
              20,
              20.7
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-motorway",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "==",
          "class",
          "motorway"
        ],
        [
          "!=",
          "ramp",
          1
        ]
      ],
      "layout": {
        "line-join": "round"
      },
      "paint": {
        "line-color": "#f0c86f",
        "line-width": {
          "base": 1.2,
          "stops": [
            [
              6.5,
              0
            ],
            [
              7,
              0.575
            ],
            [
              20,
              20.7
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-railway",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "==",
          "class",
          "rail"
        ]
      ],
      "paint": {
        "line-color": "#8c9297",
        "line-width": {
          "base": 1.4,
          "stops": [
            [
              14,
              0.45999999999999996
            ],
            [
              15,
              0.8624999999999999
            ],
            [
              20,
              2.3
            ]
          ]
        }
      }
    },
    {
      "id": "bridge-railway-hatching",
      "type": "line",
      "metadata": {
        "mapbox:group": "1444849334699.1902"
      },
      "source": "osm",
      "source-layer": "transportation",
      "filter": [
        "all",
        [
          "==",
          "brunnel",
          "bridge"
        ],
        [
          "==",
          "class",
          "rail"
        ]
      ],
      "paint": {
        "line-color": "#8c9297",
        "line-dasharray": [
          0.2,
          8
        ],
        "line-width": {
          "base": 1.4,
          "stops": [
            [
              14.5,
              0
            ],
            [
              15,
              3.4499999999999997
            ],
            [
              20,
              9.2
            ]
          ]
        }
      }
    },
    {
      "id": "waterway-name",
      "type": "symbol",
      "source": "osm",
      "source-layer": "waterway",
      "minzoom": 13,
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "has",
          "name"
        ]
      ],
      "layout": {
        "symbol-placement": "line",
        "symbol-spacing": 350,
        "text-field": [
          "coalesce",
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name"
          ]
        ],
        "text-font": [
          "Rubik Regular",
          "Mitr Regular"
        ],
        "text-max-width": 5,
        "text-rotation-alignment": "map",
        "text-size": 14.700000000000001
      },
      "paint": {
        "text-color": "#397c9f",
        "text-halo-color": "#ffffff",
        "text-halo-width": 1.2
      }
    },
    {
      "id": "water-name-lakeline",
      "type": "symbol",
      "source": "osm",
      "source-layer": "water_name",
      "filter": [
        "==",
        "$type",
        "LineString"
      ],
      "layout": {
        "symbol-placement": "line",
        "symbol-spacing": 350,
        "text-field": [
          "coalesce",
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name"
          ]
        ],
        "text-font": [
          "Rubik Regular",
          "Mitr Regular"
        ],
        "text-max-width": 5,
        "text-rotation-alignment": "map",
        "text-size": 14.700000000000001
      },
      "paint": {
        "text-color": "#397c9f",
        "text-halo-color": "#ffffff",
        "text-halo-width": 1.2
      }
    },
    {
      "id": "water-name-ocean",
      "type": "symbol",
      "source": "osm",
      "source-layer": "water_name",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "Point"
        ],
        [
          "==",
          "class",
          "ocean"
        ]
      ],
      "layout": {
        "symbol-placement": "point",
        "symbol-spacing": 350,
        "text-field": [
          "coalesce",
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name"
          ]
        ],
        "text-font": [
          "Rubik Regular",
          "Mitr Regular"
        ],
        "text-max-width": 5,
        "text-rotation-alignment": "map",
        "text-size": 14.700000000000001
      },
      "paint": {
        "text-color": "#397c9f",
        "text-halo-color": "#ffffff",
        "text-halo-width": 1.2
      }
    },
    {
      "id": "water-name-other",
      "type": "symbol",
      "source": "osm",
      "source-layer": "water_name",
      "filter": [
        "all",
        [
          "==",
          "$type",
          "Point"
        ],
        [
          "!in",
          "class",
          "ocean"
        ]
      ],
      "layout": {
        "symbol-placement": "point",
        "symbol-spacing": 350,
        "text-field": [
          "coalesce",
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name"
          ]
        ],
        "text-font": [
          "Rubik Regular",
          "Mitr Regular"
        ],
        "text-max-width": 5,
        "text-rotation-alignment": "map",
        "text-size": {
          "stops": [
            [
              0,
              10.5
            ],
            [
              6,
              14.700000000000001
            ]
          ]
        },
        "visibility": "visible"
      },
      "paint": {
        "text-color": "#397c9f",
        "text-halo-color": "#ffffff",
        "text-halo-width": 1.2
      }
    },
    {
      "id": "country-border",
      "type": "line",
      "source": "osm",
      "source-layer": "boundary",
      "filter": [
        "all",
        [
          "==",
          [
            "get",
            "admin_level"
          ],
          2
        ],
        [
          "!=",
          [
            "get",
            "maritime"
          ],
          1
        ]
      ],
      "layout": {
        "line-cap": "round",
        "line-join": "round"
      },
      "paint": {
        "line-color": "#747c85",
        "line-width": [
          "interpolate",
          [
            "linear"
          ],
          [
            "zoom"
          ],
          0,
          0.6,
          4,
          1.2,
          8,
          1.8,
          12,
          2.4
        ],
        "line-opacity": 0.85
      }
    },
    {
      "id": "road_oneway_opposite",
      "type": "symbol",
      "source": "osm",
      "source-layer": "transportation",
      "minzoom": 15,
      "filter": [
        "all",
        [
          "==",
          "oneway",
          -1
        ],
        [
          "in",
          "class",
          "motorway",
          "trunk",
          "primary",
          "secondary",
          "tertiary",
          "minor",
          "service"
        ]
      ],
      "layout": {
        "icon-image": "oneway",
        "icon-padding": 2,
        "icon-rotate": -90,
        "icon-rotation-alignment": "map",
        "icon-size": {
          "stops": [
            [
              15,
              0.5
            ],
            [
              19,
              1
            ]
          ]
        },
        "symbol-placement": "line",
        "symbol-spacing": 75
      },
      "paint": {
        "icon-opacity": 0.5
      }
    },
    {
      "id": "highway-name-path",
      "type": "symbol",
      "source": "osm",
      "source-layer": "transportation_name",
      "minzoom": 15.5,
      "filter": [
        "==",
        "class",
        "path"
      ],
      "layout": {
        "symbol-placement": "line",
        "text-field": [
          "coalesce",
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name"
          ]
        ],
        "text-font": [
          "Rubik Regular",
          "Mitr Regular"
        ],
        "text-rotation-alignment": "map",
        "text-size": {
          "base": 1,
          "stops": [
            [
              13,
              12.600000000000001
            ],
            [
              14,
              13.65
            ]
          ]
        }
      },
      "paint": {
        "text-color": "#596168",
        "text-halo-color": "#ffffff",
        "text-halo-width": 1.2
      }
    },
    {
      "id": "highway-name-minor",
      "type": "symbol",
      "source": "osm",
      "source-layer": "transportation_name",
      "minzoom": 15,
      "filter": [
        "all",
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "in",
          "class",
          "minor",
          "service",
          "track"
        ]
      ],
      "layout": {
        "symbol-placement": "line",
        "text-field": [
          "coalesce",
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name"
          ]
        ],
        "text-font": [
          "Rubik Regular",
          "Mitr Regular"
        ],
        "text-rotation-alignment": "map",
        "text-size": {
          "base": 1,
          "stops": [
            [
              13,
              12.600000000000001
            ],
            [
              14,
              13.65
            ]
          ]
        }
      },
      "paint": {
        "text-color": "#596168",
        "text-halo-color": "#ffffff",
        "text-halo-width": 1.2
      }
    },
    {
      "id": "highway-name-major",
      "type": "symbol",
      "source": "osm",
      "source-layer": "transportation_name",
      "minzoom": 12.2,
      "filter": [
        "in",
        "class",
        "primary",
        "secondary",
        "tertiary",
        "trunk"
      ],
      "layout": {
        "symbol-placement": "line",
        "text-field": [
          "coalesce",
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name"
          ]
        ],
        "text-font": [
          "Rubik Regular",
          "Mitr Regular"
        ],
        "text-rotation-alignment": "map",
        "text-size": {
          "base": 1,
          "stops": [
            [
              13,
              12.600000000000001
            ],
            [
              14,
              13.65
            ]
          ]
        }
      },
      "paint": {
        "text-color": "#252b31",
        "text-halo-color": "#ffffff",
        "text-halo-width": 1.2
      }
    },
    {
      "id": "highway-shield",
      "type": "symbol",
      "source": "osm",
      "source-layer": "transportation_name",
      "minzoom": 8,
      "filter": [
        "all",
        [
          "<=",
          "ref_length",
          6
        ],
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "!in",
          "network",
          "us-interstate",
          "us-highway",
          "us-state"
        ]
      ],
      "layout": {
        "icon-image": "road_{ref_length}",
        "icon-rotation-alignment": "viewport",
        "icon-size": 1,
        "symbol-placement": {
          "base": 1,
          "stops": [
            [
              10,
              "point"
            ],
            [
              11,
              "line"
            ]
          ]
        },
        "symbol-spacing": 200,
        "text-field": [
          "coalesce",
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name"
          ]
        ],
        "text-font": [
          "Rubik Regular",
          "Mitr Regular"
        ],
        "text-rotation-alignment": "viewport",
        "text-size": 10.5
      },
      "paint": {
        "text-color": "#252b31",
        "text-halo-color": "#ffffff"
      }
    },
    {
      "id": "highway-shield-us-interstate",
      "type": "symbol",
      "source": "osm",
      "source-layer": "transportation_name",
      "minzoom": 7,
      "filter": [
        "all",
        [
          "<=",
          "ref_length",
          6
        ],
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "in",
          "network",
          "us-interstate"
        ]
      ],
      "layout": {
        "icon-image": "{network}_{ref_length}",
        "icon-rotation-alignment": "viewport",
        "icon-size": 1,
        "symbol-placement": {
          "base": 1,
          "stops": [
            [
              7,
              "point"
            ],
            [
              7,
              "line"
            ],
            [
              8,
              "line"
            ]
          ]
        },
        "symbol-spacing": 200,
        "text-field": [
          "coalesce",
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name"
          ]
        ],
        "text-font": [
          "Rubik Regular",
          "Mitr Regular"
        ],
        "text-rotation-alignment": "viewport",
        "text-size": 10.5
      },
      "paint": {
        "text-color": "#252b31",
        "text-halo-color": "#ffffff"
      }
    },
    {
      "id": "highway-shield-us-other",
      "type": "symbol",
      "source": "osm",
      "source-layer": "transportation_name",
      "minzoom": 9,
      "filter": [
        "all",
        [
          "<=",
          "ref_length",
          6
        ],
        [
          "==",
          "$type",
          "LineString"
        ],
        [
          "in",
          "network",
          "us-highway",
          "us-state"
        ]
      ],
      "layout": {
        "icon-image": "{network}_{ref_length}",
        "icon-rotation-alignment": "viewport",
        "icon-size": 1,
        "symbol-placement": {
          "base": 1,
          "stops": [
            [
              10,
              "point"
            ],
            [
              11,
              "line"
            ]
          ]
        },
        "symbol-spacing": 200,
        "text-field": [
          "coalesce",
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name:en"
          ],
          [
            "get",
            "name"
          ]
        ],
        "text-font": [
          "Rubik Regular",
          "Mitr Regular"
        ],
        "text-rotation-alignment": "viewport",
        "text-size": 10.5
      },
      "paint": {
        "text-color": "#252b31",
        "text-halo-color": "#ffffff"
      }
    },
    {
      "id": "city-buildings-3d",
      "type": "fill-extrusion",
      "source": "osm",
      "source-layer": "building",
      "minzoom": 14.2,
      "filter": [
        "all",
        [
          "!=",
          [
            "get",
            "hide_3d"
          ],
          true
        ],
        [
          "!",
          [
            "in",
            [
              "id"
            ],
            [
              "literal",
              [
                4446510852,
                4446511282,
                4446511312,
                4446511332,
                4446511362,
                4446511372,
                4446511382,
                4446511392,
                4446511402,
                4446511412,
                4446511422,
                4446511432,
                4446511452,
                4446511482,
                4446511492,
                4446511502,
                4446511512,
                4446511522,
                4446511532,
                4446511552,
                4446511562,
                4446511582,
                4446511602,
                4446511612,
                4446511632,
                4446511662,
                4446511672,
                4446511682,
                4446511692,
                4446511732,
                4446511742,
                4446511752,
                4446511762,
                4446511772,
                4446511782,
                4446511792,
                4446511812,
                4446511842,
                4446511862,
                4446511872,
                4446511882,
                4446511892,
                4446511902,
                4446511912,
                4446511942,
                4446511962,
                4446511972,
                4446511982,
                4446511992,
                4446512002,
                4446512052,
                4446512062,
                4446512072,
                4446512092,
                4446512102,
                4446512122,
                4447556642,
                4447556662,
                4447556672,
                4447556682,
                4447556692,
                4447556702,
                4447556712,
                4447556722,
                4447556732
              ]
            ]
          ]
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-extrusion-color": [
          "interpolate",
          [
            "linear"
          ],
          [
            "coalesce",
            [
              "get",
              "render_height"
            ],
            0
          ],
          0,
          "#c7ccd2",
          180,
          "#aeb5bc",
          320,
          "#858f99"
        ],
        "fill-extrusion-height": [
          "coalesce",
          [
            "get",
            "render_height"
          ],
          0
        ],
        "fill-extrusion-base": [
          "coalesce",
          [
            "get",
            "render_min_height"
          ],
          0
        ],
        "fill-extrusion-opacity": 0.92,
        "fill-extrusion-vertical-gradient": true
      }
    },
    {
      "id": "city-mahanakhon-3d",
      "type": "fill-extrusion",
      "source": "osm",
      "source-layer": "building",
      "minzoom": 14.2,
      "filter": [
        "all",
        [
          "!=",
          [
            "get",
            "hide_3d"
          ],
          true
        ],
        [
          "in",
          [
            "id"
          ],
          [
            "literal",
            [
              4446510852,
              4446511282,
              4446511312,
              4446511332,
              4446511362,
              4446511372,
              4446511382,
              4446511392,
              4446511402,
              4446511412,
              4446511422,
              4446511432,
              4446511452,
              4446511482,
              4446511492,
              4446511502,
              4446511512,
              4446511522,
              4446511532,
              4446511552,
              4446511562,
              4446511582,
              4446511602,
              4446511612,
              4446511632,
              4446511662,
              4446511672,
              4446511682,
              4446511692,
              4446511732,
              4446511742,
              4446511752,
              4446511762,
              4446511772,
              4446511782,
              4446511792,
              4446511812,
              4446511842,
              4446511862,
              4446511872,
              4446511882,
              4446511892,
              4446511902,
              4446511912,
              4446511942,
              4446511962,
              4446511972,
              4446511982,
              4446511992,
              4446512002,
              4446512052,
              4446512062,
              4446512072,
              4446512092,
              4446512102,
              4446512122,
              4447556642,
              4447556662,
              4447556672,
              4447556682,
              4447556692,
              4447556702,
              4447556712,
              4447556722,
              4447556732
            ]
          ]
        ]
      ],
      "layout": {
        "visibility": "visible"
      },
      "paint": {
        "fill-extrusion-color": "#d8673c",
        "fill-extrusion-height": [
          "coalesce",
          [
            "get",
            "render_height"
          ],
          0
        ],
        "fill-extrusion-base": [
          "coalesce",
          [
            "get",
            "render_min_height"
          ],
          0
        ],
        "fill-extrusion-opacity": 0.92,
        "fill-extrusion-vertical-gradient": true
      }
    },
    {
      "id": "city-mahanakhon-label",
      "type": "symbol",
      "source": "city-landmark",
      "minzoom": 14.2,
      "layout": {
        "visibility": "visible",
        "text-field": [
          "get",
          "name_en"
        ],
        "text-font": [
          "Rubik Regular",
          "Mitr Regular"
        ],
        "text-size": 12,
        "text-anchor": "bottom",
        "text-offset": [
          0,
          -1.2
        ],
        "text-allow-overlap": true
      },
      "paint": {
        "text-color": "#252b31",
        "text-halo-color": "#ffffff",
        "text-halo-width": 2
      }
    }
  ]
}
มีเลเยอร์และสไตล์ตรงตามที่เลือก พร้อม URL asset ของ API แทนที่ YOUR_MAPSCALE_KEY โดยค่ากล้องอยู่ในโค้ด MapLibre
ค่าไหนไปอยู่ที่ไหน

Style JSON และโค้ด MapLibre มีค่าปัจจุบันที่เลือกครบถ้วน
ตัวอย่างไม่ต้องใช้คีย์ แผนที่ลูกค้าใช้ publishable key
อ่านเอกสาร