API Карт Google – изменение размера создает пустое пространство

Я работаю над тем, как он выглядит как очень простая функция, которая вызывает небольшую головную боль.

Я работаю с ГИС, и мы интегрируем его с Google Maps. Один из клиентов попросил открыть отдельное всплывающее окно, отображающее только карту. Открытие окна не было проблемой, но когда я пытаюсь расширить ширину IFrame, которая содержит карту, чтобы соответствовать размеру окна, фактическое изображение карты остается одного размера, а пробел заполняет оставшиеся пространство.

Интересно, нужно ли передавать новое значение ширины в некоторую функцию предварительного рендеринга или что-то в этом роде … Я уже пробовал использовать checkResize (), но это оказалось неработоспособным.

Функция, которую я использую для отображения карты IFrame, идет ниже:

DrawMapIFrame() { var str = '<iframe id="mapIFrame" name="mapIFrame" width="97%" height="' + parent.mapFrameHeight + '" src="' + $_URL_FleetMonitiorMapIFrame + '?UserID=' + parent.$_UserID + '&Encoding=' + parent.$_Encoding + '&id=' + _id + '" frameborder="0" scrolling="No"></iframe>'; document.getElementById("mapIFramePlace").innerHTML = str; } 

JavaScript делает сайт умным, красочным и простым использованием.