Google Maps in Grayscale

Question

Is there any way to display a Google Map (embedded via the Javascript API) in grayscale without losing any other functionality?

Answer 1

Use the CSS filter property to convert the google map to black and white. 100% is completely black and white

selector {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}