Sonne Sonne - 1 month ago 6
Javascript Question

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?

Answer

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.