Как сделать Google Maps серой?

Question

[maxxim9595]

Верстаю сайт. Заказчик требует, что бы Google карта была "серой", как в макете "чтобы не выбивалась".
Можно ли это сделать и как?

Comments

[Алекс Глебов]

https://mapstyle.withgoogle.com/
https://snazzymaps.com/explore

Answer 1

[Pardon Me! Where Do I Find 4giveness?]

1. СВГ маска
2. Наложенный сверху полупрозрачный див с pointer-events: none
3. CSS Filter

Answer 2

[Роман Кузнецов]

Очень просто, стилями.

Вот стили для Google CART готовые https://snazzymaps.com/explore?tag=dark

Вот тут в можете создать свой стиль https://mapstyle.withgoogle.com/

А вот пример серой карты https://codepen.io/Cheizer/pen/wxMqLz

Вот черной https://codepen.io/Cheizer/pen/EzNvVB

Копируйте те или иные стили в опциях в свой код и все styles: [..........]

Answer 3

[Даниил Козырев]

Создай div и сделай его серым (background-color: grey или color: gray[в зависимости от ситуации]), потом наложи его поверх карты и сделай прозрачность от 0.2 - 0.7 С помощью opacity.