Карта Google вне позиции при размещении внутри div

Question

Два важных факта:

1. Это то, что я имею в виду под "вне позиции":

2. У рассматриваемого div изначально есть style="display:none;" (он отображается только при нажатии ссылки, решение JQuery). Когда этот стиль удален, карта работает нормально - однако мне нужен этот стиль, потому что я не могу позволить этому di> показывать, пока ссылка не нажата (одна из ссылок слева в screencap).

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

Если нет, может быть, вы можете предложить способ сделать di> show / hide при переходе по ссылкам без использования этого стиля? Обратите внимание, что это только один из семи элементов div, которые отображают / скрывают одинаково, поэтому решение должно учитывать это. Это jQuery, который я использую для каждого div (показывает, что div при нажатии на ссылку и скрывает все остальные):

    <script type="text/javascript"> 
   $(function() {
       $('#show_mapa').click(function() {
           $('#mapa').show();
           $('#podaci').hide();
           $('#udaljenosti').hide();
           $('#pojedinosti').hide();
           $('#slika').hide();
           $('#slike').hide();
           $('#dodaj').hide();
           return false;
       });        
   });
</script>

Answer 1

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

как обращаться с картой Google внутри скрытого div (обновленная картинка)

это может помочь.

Answer 2

Я помню, у меня была та же проблема, и я на самом деле использовал то же исправление, которое предложил Данп, который можно найти здесь: как обращаться с картой Google внутри скрытого div (обновленная картинка)

Это альтернатива: Вы всегда можете добавить слушателя, чтобы наблюдать за кликом по ссылке, которая называется «Покажите мне карту» или что-то в этом роде. Затем, когда ссылка нажата, только тогда загрузите карту Google в отдельном div.

Лично мне больше нравится способ показать / скрыть с исправлением onResize (), но вы можете попробовать альтернативу, если хотите.

Удачи!