Как скрыть, а затем открыть холст карты с помощью Google Maps 3?

Question

Я бы хотел сделать холст Google Maps скрытым элементом div, а затем, когда событие вызывается в другом месте страницы, снова сделать элемент div видимым.

К сожалению, когда я пытаюсь оформить div с помощью «display: none», а затем отображать его позже, я получаю просто серую рамку, где будет карта. Если я уберу отображение: нет тегов и логика показа, карта будет работать нормально.

У кого-нибудь есть идеи?

Answer 1

Вы можете включить visibility: hidden;это заставит все сохранять свои размеры (при этом оставаясь невидимым).Это поможет, если Google спросит страницу о том, насколько она широка и высока.Имейте в виду, что visibility: hidden холст карты по-прежнему будет занимать место на странице;если это не то, что вы хотите, то вы можете сделать что-то вроде position: absolute.

Answer 2

Получил это, установив div карты в положение: абсолютное и левое: -10000px.

Тогда я просто устанавливаю позицию для наследования, когда хочу, чтобы она появилась.

Answer 3

Установите непрозрачность div на 0.01 или что-то подобное - это делает его практически невидимым.