Google Map API 3 - проблема со скрытым div карты в предварительном просмотре

Question

У меня есть карта Google (API 3) в скрытом разделе, когда моя страница загружается.Если я устанавливаю CSS на карте для отображения: block, я получаю обычную проблему с картой, которая не заполняет всю область внутри контейнера карты.Это не проблема на самом сайте, так как после нажатия кнопки «показать карту» я вызываю google.maps.event.trigger (map, «resize»);и это отображает карту правильно.

Однако моя проблема возникает в предварительном просмотре.Если не нажать кнопку «Показать карту» до того, как пользователь выберет предварительный просмотр печати, карта в предварительном просмотре печати будет отображаться так же, как и при загрузке страницы, т.е. не вписывается в границы контейнера.

МожетКто-нибудь предлагает исправить это?

Answer 1

Вы можете настроить кнопку печати, и при нажатии она откроет новую страницу с новым CSS, чтобы уместить лист размером 8,5х11.Вы также можете использовать статические карты на этой странице, чтобы они не отображали полосу масштабирования и т. Д.

На многих страницах используются кнопки печати на квитанциях, поскольку прямая печать веб-страницы очень сложна.