如何更改此盒子的大小？ （CSS）

Question

http://geodit.com:8000/test

如果您搜索某些内容。然后单击结果。你会在地图上看到一个白色气泡。

我如何使用CSS来覆盖它？太大了！

Answer 1

如果我做对了，你在地图上谈论气球，不幸的是你不能在css的帮助下改变它的大小，因为气球大小是在气球容器的样式属性中硬编码的（ div元素）：

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

无法覆盖，只有javascript的帮助，如果你得到这个div你可以改变它的大小（ballonContainer指的是那个div）：

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

但您将被迫更改其他内部元素大小（它们的大小也在样式属性中进行了硬编码）。

<强>更新

  

我希望气泡更小，甚至消失

好吧，如果你不需要那个气球（也就是信息窗口），那么不要创建它，我只是在你的javascript中看到这一行：

gInfoWindow = new google.maps.InfoWindow; 

不会对你有所帮助吗？或者你的意思是别的什么？

你也可以设置info window的maxWidth选项来限制那个窗口的宽度，如下所示：

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

InfoWindow选项也在here

中描述