Могут ли карты Google иметь прозрачный BG?

Question

Может ли карта Google иметь прозрачный bg? Я возился с параматорами, но не могу найти решение. Я использую JS API.

Спасибо.

Answer 1

Существует способ придать карте прозрачный фон с помощью Google Maps API V3. У объекта MapOptions есть свойство с именем backgroundColor, которое устанавливает цвет фона карты. Если вы используете значение цвета HSLA, вы можете контролировать прозрачность этого цвета фона, чтобы создать прозрачность.

var mapOptions = {
zoom: 1,
styles: mapStyles,
backgroundColor: 'hsla(0, 0%, 0%, 0)',
};

В дополнение к настройке этого цвета вам также необходимо использовать несколько стилей карты, чтобы скрыть воду (или что бы вы не хотели быть прозрачным).

Вот кодекс, демонстрирующий эффект: http://codepen.io/verticalgrain/pen/LVRezx

Answer 2

Это представляется возможным, если установить opacity с CSS на значение меньше 1. Все современные браузеры поддерживают opacity как изначально, так и с помощью собственной директивы.

<!-- The container to which the map is rendered by the Google JS library -->
<div id="mapContainer" style="opacity:0.5"></div>