Grayscale and Black & White Google Maps (applicable to Drupal Google map modules)

If you search on the web on how to to get a black and white google maps iframe it's quite surprising how hard it is to find a good answer.

So that's why I'm Re-sharing this tip.

.map {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

You can apply this css code to any div which holds the Google map, so also to any such div from a Drupal Google map module.

Source: https://coderwall.com/p/ehis_g/google-maps-iframe-in-black-and-white
Minimalistic Black & White: https://snazzymaps.com/style/117/minimalistic-black-and-white