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

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

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

  • Размер объекта JavaScript
  • Таймер обратного отсчета, который не сбрасывается при обновлении страницы?
  • Как найти размер localStorage
  • Проверка JavaScript на null vs. undefined и разность между == и ===
  • Какова функция оператора «|» (трубы)?
  • Передача данных с одной веб-страницы на другую с помощью PHP
  • Интересно, нужно ли передавать новое значение ширины в некоторую функцию предварительного рендеринга или что-то в этом роде … Я уже пробовал использовать 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; } 

  • Геокодирование Google Maps (адрес в GLatLng)
  • Карта Google поставляется частично, вместо изображений с сервера google появляется серая область
  • Добавление маршрута InfoWindow в Google
  • Как добавить маркеры в полилинии Google Maps на основе расстояния по линии?
  • Показать div с другого сайта
  • Не удается запустить google.maps.Geocoder
  • One Solution collect form web for “API Карт Google – изменение размера создает пустое пространство”

    Либо вам нужно развернуть div до требуемого размера, прежде чем создавать карту, или вам нужно использовать

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

    Чтобы API знал, что размер контейнера изменился.

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