Верх страницы
Обложка к записи Карта 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');
	});
});
ВКонтакте
Одноклассники
Linkedin
Telegram
WhatsApp

Автор: Кобзарёв Михаил

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все.

Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса.

Ведет блог о разработке, дайджест в телеграмме и в ВК.

Комментарии
Подписаться
Уведомить о
2 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
2
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
()
x