Mapbox Filter Examples

mapbox-filter-examples

// Toggling the 'feature-state' boolean via map.setFeatureState
'line-width': [
    'case',
    ['boolean', ['feature-state', 'hover'], false],
    10,
    2
]

// Interpolation of color and width examples
'line-color': [
    "interpolate", ["linear"], ['get', "YR_START1"],
    0,
    '#edf8e9',
    1860,
    '#edf8e9',
    1870,
    '#00ff00',
    1880,
    '#2244ff',
    1890,
    '#ff00ff',
    1900,
    '#000'
],
'line-width': [
    "interpolate", ["linear"], ['get', "YR_START1"],
    0,
    1,
    1860,
    1,
    1870,
    2,
    1880,
    3,
    1890,
    4,
    1900,
    6
],