Google Map API 3 - 在打印預覽中隱藏地圖div的問題

Question

當我的頁面加載時，我在隱藏div中有一個Google Map（API 3）。如果我在地圖上設置CSS來顯示：block我得到了通常的問題，地圖沒有填充地圖容器內的完整區域。這不是網站本身的問題，因爲點擊「顯示地圖」後我會調用google.maps.event.trigger（map，'resize'）;並正確顯示地圖。

但是我的問題出現在打印預覽中。除非在用戶選擇打印預覽之前點擊了「顯示地圖」，否則打印預覽中的地圖將顯示爲與頁面加載時一樣，即不適合容器邊界。

任何人都可以提出一個解決這個問題嗎？

Answer 1

您可以設置一個打印按鈕，並點擊它打開一個新的頁面與新的CSS適合8.5x11表。您也可以在此頁面中使用靜態地圖，以免它們獲得縮放條等。

很多頁面在收據上使用打印按鈕，因爲直接打印網頁非常困難。