Если вы когда-нибудь пробовали встроить карту 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');
});
});
Источник: https://www.kobzarev.com/programming/karta-google-maps-vnutri-modalnogo-okna-twitter-bootstrap/
