如何更改此框的大小？ （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";

但您将不得不同时更改其他内部元素的大小（它们的大小也已硬编码在style属性中）。

更新资料

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

好吧，如果您不需要该提示框（又称信息窗口），则不要创建它，我只在您的javascript中看到此行：

gInfoWindow = new google.maps.InfoWindow; 

会不会对您有帮助？ 还是您有其他意思？

您还可以设置信息窗口的 maxWidth选项以限制该窗口的宽度，如下所示：

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

这里也介绍了InfoWindow选项