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

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

Linda Hamilton
發布: 2024-11-04 16:52:01
原創
346 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板