Google Maps v3中无滚动的最大Infowindow宽度尺寸

Question

我的标记有图像内容，但在宽度> 600px后，Google地图会自动在信息窗口中添加水平滚动。谷歌地图V3中信息窗口的最大尺寸是多少？如果可能，如何扩展最大尺寸？

我不需要超过650 / 700px ..

感谢。

Answer 1

在没有看到您的代码的情况下很难分辨，但听起来您可能已将图像放置在宽度小于图像的DOM元素中？如果您添加用于定义信息窗口，信息窗口选项以及问题内容的代码，则其他人可以更轻松地为您提供更具体的建议。

默认情况下，InfoWindow ^dev-guide的大小取决于其内容，可能是：text，HTML或DOM元素。控制width的{​​{1}}的最佳方法是将内容置于InfoWindow内，并定义明确定义div {CSS}的CSS样式规则}}。根据内容大小使用默认大小时，width的最大宽度仅受地图宽度的限制。

您的其他选项是div ^api-doc对象的InfoWindow属性（以像素为单位），该属性可能与maxWidth ^api-doc相关联将选项对象传递给info-window的构造函数，或者在创建info-window后调用InfoWindowOptions函数。只有在调用InfoWindow函数之前，options对象已与info-window关联时，才会使用InfoWindow.setOptions属性。如果您有一个用例，要求您在更改信息窗口的内容时更改InfoWindowOptions.maxWidth的值，则必须：

1. 致电InfoWindow.open
2. 致电maxWidth（使用新InfoWindow.close值传递InfoWindow.setOptions个对象）
3. 致电InfoWindowOptions
4. 致电maxWidth以在地图上显示信息窗口

Google Maps开发人员指南包含：example Map with the info-window maxWidth value set to 200 pixels。如果您对使用InfoWindow.setContent选项感兴趣并希望探索使用该选项的工作Map，您可能想要检查一下。

Answer 2

感谢您的回答Sean Mickey。

就像你说谷歌地图根据地图的大小自动设置maxWidth InfoWindow，在我的情况下太小了，经过大量的挖掘我确实发现了两种方法绕过这个，使用海关infoWindows：

• 资讯盒。 http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html 实现有点复杂，但它可以工作。
• infoBubble。 http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/ 实施起来非常简单。

我正在使用infoBubble，非常适合我的需求。

感谢。