Проблема с загрузкой карты Google

Question

Я реализовал карту Google с помощью служб Google Maps Javascript API v3.Когда страница загружается, карта отображается только в верхнем левом углу своего контейнера div, то есть она отображается только в одной четвертой части контейнера div, а остальная часть остается пустой.

Однако, когда я нажимаю F12 для проверки кода (с помощью Firebug), внезапно карта отображается полностью.

Что здесь происходит?

Answer 1

Это часто случается, когда вы запускаете карту, и положение контейнера карты меняется.Попробуйте позвонить после загрузки карты и всех недоразумений с DOM:

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

Answer 2

Вы хотите попробовать google ajax google loader.google.load ( "карты", "2").Это работает для меня, потому что загрузчик заставляет карту работать, даже когда я быстро переключаюсь между многими другими картами и выполняю много метаэвристических командировок на карте.

Answer 3

Если решение hsz не работает, это может быть связано с тем, что событие resize нужно вызвать позже. Этот код работал для меня:

google.maps.event.addListenerOnce(map, 'idle', function () {
    google.maps.event.trigger(map, 'resize');
});

Источник: https://stackoverflow.com/a/17060345/12484 (кредит: Ян Девлин)