html - 谷歌地图 V3 信息窗口的大小不适合图像

Question

我在让我的信息窗口具有我想要的大小时遇到了一些麻烦。我试图在 infowindow 内放置一个 15px x 15px 的图像，并相应地设置 infowindow 的大小。但是，无论我做什么，似乎信息窗口都比图像大得多。这是我试图放入信息窗口的代码：

<div style="width: 15px; height 15px">
  <img src="http://maps.gstatic.com/mapfiles/transit/iw/6/walk.png" width="15" height="15">
</div>

然后是制作和显示窗口本身的代码：

var infowindow = new google.maps.InfoWindow({
  content: window_text,
  position: GPS_coordinates,
  maxWidth: "15px"
});
infowindow.open(map);

我在这里做错了吗？感谢所有的帮助！

score 1 · Accepted Answer

InfoWindow 有一个最小尺寸，因为它是由图形构成的。最小宽度为 247px，设置maxWidth为小于此数字的任何值都会导致宽度为 247px。

其他资源
您可以尝试实用程序库http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries中的InfoBox或InfoBubble

1 回答 1