【发布时间】:2012-07-13 01:35:19
【问题描述】:
我的标记有图像内容,但在宽度 >600 像素后,Google 地图会自动在信息窗口中添加水平滚动。Google 地图 V3 中信息窗口的最大尺寸是多少?如果可能的话如何扩展最大尺寸?
我不需要超过 650/700px..
谢谢。
【问题讨论】:
标签: google-maps google-maps-api-3
我的标记有图像内容,但在宽度 >600 像素后,Google 地图会自动在信息窗口中添加水平滚动。Google 地图 V3 中信息窗口的最大尺寸是多少?如果可能的话如何扩展最大尺寸?
我不需要超过 650/700px..
谢谢。
【问题讨论】:
标签: google-maps google-maps-api-3
如果没有看到您的代码很难判断,但听起来您可能将图像放置在宽度小于图像的 DOM 元素中?如果您将用于定义信息窗口、信息窗口选项和内容的代码添加到问题中,其他人将更容易为您提供更具体的建议。
默认情况下,InfoWindowdev-guide 的大小取决于其内容,可能是:文本、HTML 或 DOM 元素。控制InfoWindow 的width 的最佳方法是将内容放在div 中,并定义一个CSS 样式规则,为width 显式定义width。当使用基于内容大小的默认大小时,InfoWindow 的最大宽度仅受地图宽度的限制。
您的另一个选项是InfoWindowOptionsapi-doc 对象的maxWidth 属性(以像素为单位),通过将选项对象传递给信息窗口的构造函数,它可以与InfoWindowapi-doc 相关联或在信息窗口创建后调用InfoWindow.setOptions 函数。 InfoWindowOptions.maxWidth属性仅在调用 InfoWindow.open function之前与info-window关联时才会使用属性。如果您的用例要求您在更改信息窗口的内容时更改 maxWidth 的值,则必须:
InfoWindow.close
InfoWindow.setOptions(传入带有新maxWidth值的InfoWindowOptions对象)InfoWindow.setContent
InfoWindow.open在地图上显示信息窗口Google 地图开发者指南包括:example Map with the info-window maxWidth value set to 200 pixels。如果您有兴趣使用 maxWidth 选项并想探索使用该选项的工作地图,您可能需要检查一下。
【讨论】:
感谢肖恩米奇的回答。
就像你说的谷歌地图会根据地图的大小自动设置maxWidth InfoWindow,在我的情况下太小了,经过大量挖掘后我确实找到了两种绕过这个的方法,使用海关信息窗口:
我正在使用 infoBubble,非常适合我的需求。
谢谢。
【讨论】: