@maxxim9595

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

Верстаю сайт. Заказчик требует, что бы Google карта была "серой", как в макете "чтобы не выбивалась".
Можно ли это сделать и как?
5d66b29a5a430272827128.jpeg
  • Вопрос задан
  • 121 просмотр
Пригласить эксперта
Ответы на вопрос 3
l3ftoverz
@l3ftoverz Куратор тега CSS
Люблю Финский металкор
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.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
R52.RU Нижний Новгород
от 30 000 до 50 000 руб.
Star-staff Москва
от 100 000 до 150 000 руб.
Sveak Барнаул
от 50 000 руб.