首頁 >web前端 >css教學 >如何防止 Google 地圖圖塊在調整容器大小後消失?

如何防止 Google 地圖圖塊在調整容器大小後消失?

Barbara Streisand
Barbara Streisand原創
2024-11-04 06:58:31936瀏覽

How to Prevent Google Map Tiles from Disappearing After Resizing the Container?

使用JavaScript 調整Google 地圖的大小

您遇到了以下問題:調整包含Google 的「mapwrap」div 的大小後,Google圖塊消失地圖。本文旨在透過討論觸發 Google 地圖調整的適當函數來提供此問題的解決方案。

為什麼圖塊會消失?

當您調整「大小」時mapwrap" div,Google 地圖不會自動調整到新尺寸。這會導致地圖尺寸與顯示區域不匹配,導致圖塊消失。

解決方案

要解決此問題,您需要明確觸發調整大小事件在Google 地圖物件上。的新尺寸。這個概念,這裡有一個使用jQuery 的演示:

此範例確保每當視窗調整大小時,「map」內的Google 地圖-canvas" div 會自動調整到新的大小,防止圖塊消失。

以上是如何防止 Google 地圖圖塊在調整容器大小後消失?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn