Wie kann ich die Größe dieser Box ändern? (CSS)

Question

http://geodit.com:8000/test

Wenn Sie etwas suchen. Klicken Sie dann auf ein Ergebnis. Auf der Karte erscheint eine weiße Blase.

Wie kann ich CSS verwenden, um dies zu umgehen und es kleiner zu machen? Es ist zu groß!

Answer 1

Wenn ich es richtig verstanden habe, sprechen Sie über Ballon auf der Karte, und leider kann nicht ändern Sie die Größe mit Hilfe von CSS, weil Ballongröße im Stil Attribut des Balloon Container (Div-Element) fest codiert ist:

<div style="width: 247px; height: 96px;"> 

, die nicht außer Kraft gesetzt werden kann, nur mit Hilfe von JavaScript, wenn Sie erhalten diese div können Sie ändern ihre Größe (ballonContainer bezieht sich auf die div):

ballonContainer.style.width = "150px"; 
ballonContainer.style.height = "50px"; 

aber Sie werden dazu gezwungen werden Veränderung auch andere innere Elemente Größe (ihre Größe ist auch im Stil Attribut fest codiert).

aktualisiert

mag ich die Blase kleiner sein, oder sogar

auch verschwinden, wenn Sie (auch bekannt als Info-Fenster) nicht, dass der Ballon benötigen, erstellen Sie dann nicht es, ich sehe gerade diese Linie in Ihrem javascript:

gInfoWindow = new google.maps.InfoWindow; 

würde es Ihnen nicht helfen? Oder meinst du etwas anderes?

Sie können auch maxWidth Option von info window eingestellt Breite des Fensters zu begrenzen, so ähnlich:

gInfoWindow = new google.maps.InfoWindow({ maxWidth: 150 }); 

Infowindow-Optionen werden auch here beschrieben