1. canvas.mapboxgl-canvas {
    2.     filter: grayscale(1);
    3. }
    4. canvas.mapboxgl-canvas {
    5.         filter: invert(1) grayscale(0.9) hue-rotate(241deg);
    6. }

    Mapbox加载自定义地图风格栅格瓦片 - 图1

    css filter 可以修改的样式有很多，例子中仅演示了灰度值的修改，请多多尝试其他效果。

    • grayscale灰度
    • sepia褐色（求专业指点翻译）
    • saturate饱和度
    • hue-rotate色相旋转
    • invert反色
    • opacity透明度
    • brightness亮度
    • contrast对比度
    • blur模糊
    • drop-shadow阴影

    https://www.runoob.com/cssref/css3-pr-filter.html
    https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert()#specifications#specifications)