谷歌地图V3 infowindow没有大小到图像

时间:2012-07-18 18:17:14

标签: html google-maps infowindow

我在让我的信息量达到我想要的大小时遇到​​了一些麻烦。我正在尝试在infowindow内部放置一个15px x 15px的图像,并相应地设置infowindow尺寸。然而,似乎无论我做什么,信息窗都比图像大得多。这是我试图在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);

我在这里做错了吗?谢谢你的帮助!

1 个答案:

答案 0 :(得分:1)

InfoWindow的最小大小是因为构造它的图形。最小宽度为247px,将maxWidth设置为小于此数字的任何值都将导致宽度为247px。

<强>参考
https://groups.google.com/forum/m/#!topic/google-maps-js-api-v3/Dnew8W5Trjg
How to size a Google Maps InfoWindow in Javascript (v3 API)

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