Отображение карты Google из скрытой области

Question

Я действительно надеюсь, что кто-то может посоветовать отображение карты Google из скрытого раздела.

У меня есть карта Google, которую я хочу показать пользователям, если они нажимают на ссылку, например, Показать карту.

Помещение карты в скрытый div просто не работает вообще, поэтому я решил скрыть карту -1000px на абсолютном значении css позиции.

Это дало мне гораздо лучшие результаты, но когда я использую css, чтобы вернуть карту, только ее показы.

http://screencast.com/t/MTMyOGZmNW

Кто-нибудь может дать мне совет о том, как лучше сделать скрытую карту видимой после того, как я устрою шоу?

Надеюсь, кто-то может посоветовать.

Спасибо

Answer 1

Вам не нужно беспокоиться об абсолютной позиции и все такое. Пусть div будет скрыт до необходимости, затем покажите его и позвоните google.maps.event.trigger(map, 'resize')(v3) или map.checkResize()(V2)

Дополнительный сценарий упоминается в комментариях:

Убедитесь, что вы звоните google.maps.event.trigger(map, 'resize') ДО вызова map.fitBounds() или вы получите неожиданные результаты.

Answer 2

Вы пытались вызвать событие изменения размера карты?

Google Maps API - Карта

Answer 3

Почему бы не отложить рендеринг карты, пока не отобразится div?

грубый код:

$("button").click(function() {
   $(mapDiv).show();
   new google.maps.Map(mapDiv, opts);
});