Ich würde gerne die Größe eines Infofensters auf den Inhalt einstellen. Das Standard-Infofenster ist zu weit Ich habe versucht, maxWidth zu verwenden, aber es scheint nicht zu funktionieren. Was ist der beste Weg, um ein Infofenster zu verkleinern?
siehe Code:
%Vor%Die Informationen, die in der Blase angezeigt werden, sehen so aus (\ n bedeutet nächste Zeile)
NY \ ngesamt 60 \ n2009: 10 \ n2010: 20 \ n2011: 30
Was Sie tun möchten, ist, das "standard" GoogleMaps infoWindow durch Ihr eigenes zu ersetzen und Ihren Inhalt hinein zu legen. Sobald Sie das Standard GM infoWindow ersetzen, haben Sie viel Spielraum, mit zu arbeiten. Was ich getan habe, ist dies:
Fügen Sie eine neue Stil-ID namens #infoWindow hinzu und legen Sie deren Breite fest.
%Vor%Außerhalb von Funktionen in meinem Javascript erstelle ich ein neues infoWindow:
%Vor%Erstellen Sie eine neue Variable innerhalb der Funktion, die die von den Markern angezeigten Informationen festlegt, und legen Sie ihren Wert auf den Inhalt fest:
%Vor%Rufen Sie die createMarker-Funktion mit den Standortinformationen auf, die Sie anderswo erstellt hätten, und fügen Sie die html-Variable als eines der Argumente ein:
%Vor%Die createMarker-Funktion, die Sie an anderer Stelle deklarieren würden, um alle Informationen zusammenzuführen, den Marker auf Ihrer Karte anzuzeigen und die oben genannten Informationen anzuzeigen, wenn darauf geklickt wird:
%Vor%Nur so ist jedem klar, wenn sie auf diesen Thread stolpern.
Sie müssen lediglich die Höhe und Breite eines Containers im Inhalt Ihres Infofensters festlegen.
Sie müssen Google-Klassen nicht überschreiben, und Sie müssen nicht übermäßig kompliziert werden.
%Vor%In meinem css habe ich das:
%Vor%Das ist es. Das ist alles, was Sie tun müssen, um die Breite eines Google Maps InfoWindow festzulegen.
Um die Größe des Infofensters in einer Google-Map festzulegen, reicht es aus, folgende CSS-Datei in Ihre CSS-Datei einzufügen:
%Vor%Angepasst von dieser Diskussion .
Tags und Links google-maps-api-3 infowindow