Search code examples
javascripthtmlgoogle-mapscanvasgoogle-maps-styling

Make google maps plugin black/white or with sepia filter


I'm wondering if it is possible to display Google Maps in black/white or with a sepia filter. Can it be done with some Canvas magic? Or overlaying? Or some other method?


Solution

  • Check this fiddle out, I've desaturated all elements to create the black and white effect, for example:

    {
       "featureType": "road.highway",
       "elementType": "geometry",
       "stylers": [
         { "saturation": -100 },
         { "lightness": -8 },
         { "gamma": 1.18 }
       ]
     }
    

    You can style your maps using this wizard

    or using Snazzy Maps which is very user-friendly.