Skip to content

Instantly share code, notes, and snippets.

@awesomephant

awesomephant/bridges.js

Last active July 24, 2025 18:01
Show Gist options
  • Save awesomephant/40fce7e3e821a6b2e4d41ffc472c45db to your computer and use it in GitHub Desktop.
Save awesomephant/40fce7e3e821a6b2e4d41ffc472c45db to your computer and use it in GitHub Desktop.
Download ZIP
Raw
bridges.js
[{
id: 'bridge-street-service:bridge',
filter: [
'all',
['==', 'kind', 'service'],
['==', 'bridge', true],
['!=', 'service', 'driveway']
],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': {
stops: [
[14, 0],
[15, 1]
]
},
'line-width': {
stops: [
[14, 3],
[16, 6],
[18, 25],
[19, 67],
[20, 134]
]
}
}
},
{
id: 'bridge-street-livingstreet:bridge',
filter: ['all', ['==', 'kind', 'living_street'], ['==', 'bridge', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': {
stops: [
[12, 0],
[13, 1]
]
},
'line-width': {
stops: [
[12, 3],
[14, 4],
[16, 8],
[18, 36],
[19, 90],
[20, 179]
]
}
}
},
{
id: 'bridge-street-residential:bridge',
filter: ['all', ['==', 'kind', 'residential'], ['==', 'bridge', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': street_residential.line_color,
'line-opacity': street_residential.line_opacity,
'line-width': street_residential.line_opacity
}
},
{
id: 'bridge-street-unclassified:bridge',
filter: ['all', ['==', 'kind', 'unclassified'], ['==', 'bridge', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': {
stops: [
[12, 0],
[13, 1]
]
},
'line-width': {
stops: [
[12, 3],
[14, 4],
[16, 8],
[18, 36],
[19, 90],
[20, 179]
]
}
}
},
{
id: 'bridge-street-tertiary-link:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'tertiary'], ['==', 'link', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': {
stops: [
[12, 0],
[13, 1]
]
},
'line-width': {
stops: [
[12, 3],
[14, 4],
[16, 8],
[18, 36],
[19, 90],
[20, 179]
]
}
}
},
{
id: 'bridge-street-secondary-link:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'secondary'], ['==', 'link', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': 0.5,
'line-width': {
stops: [
[12, 3],
[14, 4],
[16, 10],
[18, 20],
[20, 56]
]
}
},
minzoom: 13
},
{
id: 'bridge-street-primary-link:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'primary'], ['==', 'link', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': street_primary.line_color,
'line-width': street_primary.line_width
},
minzoom: 13
},
{
id: 'bridge-street-trunk-link:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'trunk'], ['==', 'link', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': motorway.line_color,
'line-width': motorway.line_width
},
minzoom: 13
},
{
id: 'bridge-street-motorway-link:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'motorway'], ['==', 'link', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': tokens.street_primary,
'line-width': motorway_link.line_width,
'line-opacity': motorway.line_opacity
},
minzoom: 12
},
{
id: 'bridge-street-tertiary:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'tertiary'], ['!=', 'link', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': {
stops: [
[12, 0],
[13, 1]
]
},
'line-width': {
stops: [
[12, 3],
[14, 4],
[16, 8],
[18, 36],
[19, 90],
[20, 179]
]
}
}
},
{
id: 'bridge-street-secondary:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'secondary'], ['!=', 'link', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': {
stops: [
[11, 0],
[12, 1]
]
},
'line-width': {
stops: [
[11, 3],
[14, 7],
[16, 11],
[18, 42],
[19, 95],
[20, 193]
]
}
}
},
{
id: 'bridge-street-primary:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'primary'], ['!=', 'link', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': street_primary.line_color,
'line-width': street_primary.line_width
}
},
{
id: 'bridge-street-trunk:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'trunk'], ['!=', 'link', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': motorway.line_color,
'line-width': motorway.line_width,
'line-opacity': motorway.line_opacity
}
},
{
id: 'bridge-street-motorway:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'motorway'], ['!=', 'link', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'red',
'line-width': 20,
'line-opacity': motorway.line_opacity
}
}]
Raw
foot-bridges.js
[{
id: 'bridge-way-footway:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'footway']],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': 0.5,
'line-width': {
stops: [
[15, 0],
[16, 7],
[18, 10],
[19, 17],
[20, 31]
]
}
},
minzoom: 15
},
{
id: 'bridge-way-steps:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'steps']],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': 0.5,
'line-width': {
stops: [
[15, 0],
[16, 7],
[18, 10],
[19, 17],
[20, 31]
]
}
},
minzoom: 15
},
{
id: 'bridge-way-path:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'path']],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': 0.5,
'line-width': {
stops: [
[15, 0],
[16, 7],
[18, 10],
[19, 17],
[20, 31]
]
}
},
minzoom: 15
},
{
id: 'bridge-way-cycleway:bridge',
filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'cycleway']],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': 0.5,
'line-width': {
stops: [
[15, 0],
[16, 7],
[18, 10],
[19, 17],
[20, 31]
]
}
},
minzoom: 15
},
{
id: 'bridge-street-track:bridge',
filter: ['all', ['==', 'kind', 'track'], ['==', 'bridge', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(239,239,239)',
'line-opacity': {
stops: [
[14, 0],
[15, 1]
]
},
'line-width': {
stops: [
[14, 3],
[16, 6],
[18, 25],
[19, 67],
[20, 134]
]
}
}
},
{
id: 'bridge-street-pedestrian:bridge',
filter: ['all', ['==', 'kind', 'pedestrian'], ['==', 'bridge', true]],
layout: {
'line-cap': 'butt',
'line-join': 'round'
},
paint: {
'line-color': 'rgb(247, 0, 0)',
'line-opacity': {
stops: [
[12, 0],
[13, 1]
]
},
'line-width': {
stops: [
[12, 3],
[14, 4],
[16, 80],
[18, 36],
[19, 90],
[20, 179]
]
}
}
}]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment