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.