Jak zobrazit Google mapu v odstínech šedé?
Pokud vkládáte Google mapu na web, tak se může skrze grafiku hodit ji mít v odstínech šedé.
Kód je jednoduchý a to:
<iframe class="map" width="100%" height="100%" frameborder="0" scrolling="no" src="http://maps.google.com/maps(...)"></iframe>
.map {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
Poznámka (stav k září 2026): Stačí poslední řádek filter: grayscale(100%); – vlastnost filter dnes podporují všechny prohlížeče bez předpon. Varianty -moz-, -ms- a -o- s touto hodnotou nikdy nefungovaly. Adresa mapy v iframe má začínat https://.