javascript - 我怎样才能改变这个盒子的大小？ (CSS)

Question

http://geodit.com:8000/test

如果你搜索一些东西。然后单击一个结果。您会看到 map 上弹出一个白色气泡。

如何使用 CSS 覆盖它并使其更小？太大了!

Answer 1

如果我没看错，你说的是 map 上的气球，不幸的是你不能借助 css 改变它的大小，因为气球大小是在气球容器的样式属性中硬编码的( div 元素):

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

这不能被覆盖，只能在 javascript 的帮助下，如果你得到这个 div 你可以改变它的大小(ballonContainer 指的是那个 div):

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

但是您将被迫更改其他内部元素的大小(它们的大小也在 style 属性中硬编码)。

更新

I want the bubble to be smaller, or even disappear

好吧，如果你不需要那个气球(又名信息窗口)，那么就不要创建它，我只是在你的 javascript 中看到这一行:

gInfoWindow = new google.maps.InfoWindow; 

这对你有帮助吗？或者你的意思是别的？

您还可以设置 info window 的 maxWidth 选项限制那个窗口的宽度，像这样:

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

InfoWindow 选项也有描述 here