Обложка к записи Карта Google Maps внутри модального окна Twitter Bootstrap
Время для прочтения: 1 мин. 5 сек.

Карта Google Maps внутри модального окна Twitter Bootstrap

Если вы когда-нибудь пробовали встроить карту Google Maps внутрь модального окна Twitter Bootstrap, то, наверняка, сталкивались с такой проблемой: при открытии карты отображается лишь маленький ее кусочек. При изменении размеров окна браузера (например, открытии консоли) — карта растягивается на всю ширину модального окна.

Чтобы пофиксить данный баг, достаточно вызвать триггер карты Google Maps resize при открытии модального окна Twitter Bootstrap (событие shown.bs.modal):


$(function() {
	var $modal = $('#modal'),
		$map = $('#map');
	$modal.on('shown.bs.modal', function () {
		google.maps.event.trigger($map[0], 'resize');
	});
});
Пошерить
Запинить
Отправить
Вотсап

Смотрите также

Комментарии