@maxxim9595

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

Верстаю сайт. Заказчик требует, что бы Google карта была "серой", как в макете "чтобы не выбивалась".
Можно ли это сделать и как?
5d66b29a5a430272827128.jpeg
  • Вопрос задан
  • 248 просмотров
Пригласить эксперта
Ответы на вопрос 3
l3ftoverz
@l3ftoverz Куратор тега CSS
Нет ничего лучше, чем музыка DGD.
1. СВГ маска
2. Наложенный сверху полупрозрачный див с pointer-events: none
3. CSS Filter
Ответ написан
Очень просто, стилями.

Вот стили для 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: [..........]
Ответ написан
@mrmelsik
Верстальщик
Создай div и сделай его серым (background-color: grey или color: gray[в зависимости от ситуации]), потом наложи его поверх карты и сделай прозрачность от 0.2 - 0.7 С помощью opacity.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Лига А. Санкт-Петербург
от 50 000 до 70 000 ₽
iSpring Йошкар-Ола
от 80 000 до 130 000 ₽
RUVOD Москва
от 150 000 до 200 000 ₽
04 авг. 2020, в 16:47
50000 руб./за проект
04 авг. 2020, в 16:30
3000 руб./за проект