Google Maps V3 в скрытом разделе

Question

Я искал это, и кажется, что решения, которые я нашел, не работают для меня.

Конечная цель состоит в том, чтобы иметь две вкладки, одна с Google Maps v3 (которая показывает по умолчанию, гавань)пока не нажали) и одна вкладка, которая скрыта до нажатия.

Я могу заставить работать вкладки, но карты Google не отображаются, я использовал функцию изменения размера и установки центра в функции длявкладки но все равно не работают.У меня также есть ширина и высота, установленные на 100% (для мобильных устройств).

Может кто-нибудь взглянуть на код и указать мне в правильном направлении, это было бы очень полезно!Опять же, конечной целью является отображение вкладки карт при загрузке страницы, а затем вкладки работают, когда пользователь нажимает на них, показывая соответствующую вкладку.Но на этом этапе на вкладке карты даже не отображается карта.

мой код можно увидеть по адресу http://m.lewis -realty.net / map / test2.php? Gps_lat = 34.43640541614963 & gps_lng = -77.5616387038574 .

Спасибо!

Крис

Answer 1

Не уверен, что именно это и является причиной проблемы, но в строке 94 «functions.js» есть ошибка javascript - вы пропускаете открывающие и закрывающие скобки вокруг условия «если».

У меня нет способа проверить это прямо сейчас, но это стоит попробовать.

Answer 2

Я понял большую часть этого.

Наряду с изменением размера карты, которое уже было в моем коде, я добавил это к функции вкладки:

$('div#' + $(this).attr('data-href')).css('{display:block;width:100%;height:100%;}');

, который изменяет стиль CSS для выбранного вами div, поэтому теперь карта работает нормально.

Answer 3

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

google.maps.event.trigger(map, 'resize');