首頁 >web前端 >css教學 >如何修復 Google Maps API v3 中的 InfoWindow 大小調整問題?

如何修復 Google Maps API v3 中的 InfoWindow 大小調整問題?

Linda Hamilton
Linda Hamilton原創
2024-11-04 16:52:01389瀏覽

How to Fix InfoWindow Sizing Issues in Google Maps API v3?

Google Maps API v3 中的InfoWindow 大小調整問題

點擊Google Maps v3 地圖上的主頁圖示時,對應的InfoWindow 不是自動的- 正確調整大小以適應其內容。相反,會出現滾動條。

解決方案:

Google 在問題https://issuetracker.google.com/issues/35823659 中解決了此問題的根本原因並於2015 年2月在Maps JavaScript API 版本3.19 中解決。

但是,可以透過在 InfoWindow 中新增 div 並使用 CSS 設定其大小來實現解決方法。假設所有InfoWindows的大小相同,可以使用下列程式碼:

<code class="html"><div id="mydiv">YourContent</div></code>
<code class="css">#mydiv{
    width: 500px;
    height: 100px;
}</code>

以上是如何修復 Google Maps API v3 中的 InfoWindow 大小調整問題?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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