{
"version": 8,
"name": "Custom Style",
"sources": {
"raster-tiles": {
"type": "raster",
"tiles": ["https://atlas.microsoft.com/map/tile?api-version=2.0&tilesetId=microsoft.base.road&zoom={z}&x={x}&y={y}"],
"tileSize": 256,
"attribution": "© Microsoft"
}
},
"sprite": "https://atlas.microsoft.com/map/sprites/atlas?api-version=2.0",
"glyphs": "https://atlas.microsoft.com/map/fonts/{fontstack}/{range}.pbf?api-version=2.0",
"layers": [
{
"id": "background",
"type": "background",
"paint": {
"background-color": "#f8fafc"
}
},
{
"id": "landcover",
"type": "fill",
"source": "vectorTiles",
"source-layer": "Landcover",
"paint": {
"fill-color": "#ffffff",
"fill-opacity": 0.8
}
},
{
"id": "water",
"type": "fill",
"source": "vectorTiles",
"source-layer": "Water",
"paint": {
"fill-color": "#8DB3FE"
}
},
{
"id": "water-outline",
"type": "line",
"source": "vectorTiles",
"source-layer": "Water",
"paint": {
"line-color": "#6B869C",
"line-width": 1
}
},
{
"id": "park",
"type": "fill",
"source": "vectorTiles",
"source-layer": "Landuse",
"filter": ["==", ["get", "class"], "park"],
"paint": {
"fill-color": "#5AF0B4",
"fill-opacity": 0.3
}
},
{
"id": "building",
"type": "fill",
"source": "vectorTiles",
"source-layer": "Building",
"paint": {
"fill-color": "#6b7280",
"fill-opacity": 0.6
}
},
{
"id": "building-outline",
"type": "line",
"source": "vectorTiles",
"source-layer": "Building",
"paint": {
"line-color": "#002F54",
"line-width": 0.5
}
},
{
"id": "road-minor",
"type": "line",
"source": "vectorTiles",
"source-layer": "Road",
"filter": ["in", ["get", "class"], ["literal", ["service", "track"]]],
"paint": {
"line-color": "#ffffff",
"line-width": 2
}
},
{
"id": "road-major",
"type": "line",
"source": "vectorTiles",
"source-layer": "Road",
"filter": ["in", ["get", "class"], ["literal", ["primary", "secondary", "tertiary"]]],
"paint": {
"line-color": "#6B869C",
"line-width": 3
}
},
{
"id": "road-highway",
"type": "line",
"source": "vectorTiles",
"source-layer": "Road",
"filter": ["in", ["get", "class"], ["literal", ["motorway", "trunk"]]],
"paint": {
"line-color": "#BC2B72",
"line-width": 4
}
},
{
"id": "road-label",
"type": "symbol",
"source": "vectorTiles",
"source-layer": "Road",
"layout": {
"text-field": ["get", "name"],
"text-font": ["Poppins"],
"text-size": 12,
"symbol-placement": "line"
},
"paint": {
"text-color": "#002F54",
"text-halo-color": "#ffffff",
"text-halo-width": 2
}
},
{
"id": "place-label",
"type": "symbol",
"source": "vectorTiles",
"source-layer": "Place",
"layout": {
"text-field": ["get", "name"],
"text-font": ["Poppins"],
"text-size": 14
},
"paint": {
"text-color": "#002F54",
"text-halo-color": "#ffffff",
"text-halo-width": 2
}
},
{
"id": "poi-label",
"type": "symbol",
"source": "vectorTiles",
"source-layer": "POI",
"layout": {
"text-field": ["get", "name"],
"text-font": ["Poppins"],
"text-size": 11
},
"paint": {
"text-color": "#5AF0B4",
"text-halo-color": "#002F54",
"text-halo-width": 1.5
}
}
]
}