我的标记有图像内容，但在宽度 >600 像素后，谷歌地图会自动在信息窗口中添加水平滚动。谷歌地图 V3 中信息窗口的最大尺寸是多少？如果可能的话如何扩展最大尺寸？
我不需要超过 650/700 像素。
谢谢。
问问题
4131 次
2 回答
2
没有看到你的代码很难判断，但听起来你可能已经将你的图像放置在一个宽度小于图像的 DOM 元素中？如果您将用于定义信息窗口、信息窗口选项和内容的代码添加到问题中，其他人将更容易为您提供更具体的建议。
默认情况下，InfoWindow开发指南的大小取决于其内容，可能是：文本、HTML 或 DOM 元素。width控制an的最佳方法InfoWindow是将内容放在 a 中div并定义一个 CSS 样式规则，该规则width为div. 当使用基于内容大小的默认大小时，an 的最大宽度InfoWindow仅受 Map 宽度的限制。
您的另一个选项是api-docmaxWidth对象的属性（以像素为单位），它可以通过将选项对象传递给 info-window 的构造函数或通过在 info-window 之后调用函数与api-doc相关联创建的。仅在调用该函数之前与Info-Window关联时，才会使用该属性。如果您的用例要求您更改更改信息窗口内容时的值，则必须：InfoWindowOptionsInfoWindowInfoWindow.setOptionsInfoWindowOptions.maxWidthInfoWindow.openmaxWidth
- 称呼
InfoWindow.close - 调用
InfoWindow.setOptions（传入InfoWindowOptions具有新maxWidth值的对象） - 称呼
InfoWindow.setContent - 调用
InfoWindow.open以在地图上显示信息窗口
Google Maps Developer's Guide 包括：将 info-window maxWidth 值设置为 200 像素的示例地图。如果您有兴趣使用该maxWidth选项并想探索使用该选项的工作地图，您可能需要检查一下。
于 2012-07-14T00:23:14.293 回答
2
感谢您的回答肖恩米奇。
就像你说的谷歌地图根据地图的大小自动设置maxWidth InfoWindow，在我的情况下太小了，经过大量的挖掘，我确实找到了两种绕过这个的方法，使用海关信息窗口：
- 信息框。 http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html 实现起来有点复杂，但它可以工作。
- 信息泡泡。 http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/ 实现起来非常简单。
我正在使用 infoBubble，非常适合我的需求。
谢谢。
于 2012-07-17T14:07:02.237 回答