Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как обесцветить карту <iframe> (https://javascript.ru/forum/misc/62666-kak-obescvetit-kartu-iframe.html)

versancho 22.04.2016 19:51
Как обесцветить карту <iframe>
 
Добавил карту на сайт, а как сделать черно-белой не знаю. Для стиля.

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2482.721218945431!2d30.7 57652465840827!3d51.51833037963685!2m3!1f0!2f0!3f0 !3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46d565f408abc b67%3A0x25c620842f489d94!2z0JHQsNC60LjQvdGB0LrQuNC 5INC60LIt0LssINCh0LvQsNCy0YPRgtC40YcsINCa0LjQtdCy0 YHQutCw0Y8g0L7QsdC70LDRgdGC0Yw!5e0!3m2!1sru!2sua!4 v1461343332197" width="800" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>

orionpro 24.04.2016 17:48
Цитата:
Сообщение от versancho (Сообщение 414743)
Добавил карту на сайт, а как сделать черно-белой не знаю. Для стиля.

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2482.721218945431!2d30.7 57652465840827!3d51.51833037963685!2m3!1f0!2f0!3f0 !3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46d565f408abc b67%3A0x25c620842f489d94!2z0JHQsNC60LjQvdGB0LrQuNC 5INC60LIt0LssINCh0LvQsNCy0YPRgtC40YcsINCa0LjQtdCy0 YHQutCw0Y8g0L7QsdC70LDRgdGC0Yw!5e0!3m2!1sru!2sua!4 v1461343332197" width="800" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>
Это если не применять API самой google.
Прописать стиль к тегу iframe:

iframe {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
Результат :
https://jsfiddle.net/aghx926h/

versancho 26.04.2016 16:39
Спасибо!


Часовой пояс GMT +3, время: 08:58.