Heim >Web-Frontend >CSS-Tutorial >Wie behebt man InfoWindow-Größenprobleme in Google Maps API v3?

Wie behebt man InfoWindow-Größenprobleme in Google Maps API v3?

Linda Hamilton
Linda HamiltonOriginal
2024-11-04 16:52:01390Durchsuche

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

InfoWindow-Größenproblem in Google Maps API v3

Wenn Sie auf das Home-Symbol auf einer Google Maps v3-Karte klicken, wird das entsprechende InfoWindow nicht automatisch angezeigt - Die richtige Größe für den Inhalt festlegen. Stattdessen werden Bildlaufleisten angezeigt.

Lösung:

Die Grundursache dieses Problems wurde von Google im Problem https://issuetracker.google.com/issues/35823659 behoben und im Februar 2015 in Maps JavaScript API Version 3.19 behoben.

Eine Problemumgehung kann jedoch implementiert werden, indem ein Div innerhalb des InfoWindow hinzugefügt und seine Größe mithilfe von CSS festgelegt wird. Vorausgesetzt, dass alle InfoWindows die gleiche Größe haben, kann der folgende Code verwendet werden:

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

Das obige ist der detaillierte Inhalt vonWie behebt man InfoWindow-Größenprobleme in Google Maps API v3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn