Карты Google не работают при использовании jquery tabify

Question

У меня есть 3 вкладки, и одна вкладка - это вкладка Карт Google. Когда таблица не отображается, я получаю карту правильно, но когда я ее делю на таблицы, карта загружается, но имеет неправильный размер, и серая область более заметна. Я устал вызывать изменение размера при нажатии на вкладку, но это также не помогло. Я использую V3 карт.

Answer 1

При использовании вкладок с картой на вкладке, которая не выбрана, API Карт Google пытается загрузить карту.В идеале он должен быть загружен с видимым окном просмотра и в правильном размере.

Способ сделать это с вкладками - это загрузить карту после того, как вкладка выбрана (т. Е. Для выбранного события вкладки).Это также означает, что вам нужно загружать его только в том случае, если выбрана вкладка, но с другой стороны, она не сразу видна человеку, просматривающему страницу.