【问题标题】:Maximum Infowindow width size without scroll in Google Maps v3Google Maps v3 中不滚动的最大信息窗口宽度大小
【发布时间】:2012-07-13 01:35:19
【问题描述】:

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

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

谢谢。

【问题讨论】:

    标签: google-maps google-maps-api-3


    【解决方案1】:

    如果没有看到您的代码很难判断,但听起来您可能将图像放置在宽度小于图像的 DOM 元素中?如果您将用于定义信息窗口、信息窗口选项和内容的代码添加到问题中,其他人将更容易为您提供更具体的建议。

    默认情况下,InfoWindowdev-guide 的大小取决于其内容,可能是:文本、HTML 或 DOM 元素。控制InfoWindowwidth 的最佳方法是将内容放在div 中,并定义一个CSS 样式规则,为width 显式定义width。当使用基于内容大小的默认大小时,InfoWindow 的最大宽度仅受地图宽度的限制。

    您的另一个选项是InfoWindowOptionsapi-doc 对象的maxWidth 属性(以像素为单位),通过将选项对象传递给信息窗口的构造函数,它可以与InfoWindowapi-doc 相关联或在信息窗口创建后调用InfoWindow.setOptions 函数。 InfoWindowOptions.maxWidth属性仅在调用 InfoWindow.open function之前与info-window关联时才会使用属性。如果您的用例要求您在更改信息窗口的内容时更改 maxWidth 的值,则必须:

    1. 致电InfoWindow.close
    2. 调用InfoWindow.setOptions(传入带有新maxWidth值的InfoWindowOptions对象)
    3. 致电InfoWindow.setContent
    4. 拨打InfoWindow.open在地图上显示信息窗口

    Google 地图开发者指南包括:example Map with the info-window maxWidth value set to 200 pixels。如果您有兴趣使用 maxWidth 选项并想探索使用该选项的工作地图,您可能需要检查一下。

    【讨论】:

      【解决方案2】:

      感谢肖恩米奇的回答。

      就像你说的谷歌地图会根据地图的大小自动设置maxWidth InfoWindow,在我的情况下太小了,经过大量挖掘后我确实找到了两种绕过这个的方法,使用海关信息窗口:

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

      谢谢。

      【讨论】:

        猜你喜欢
        • 2013-10-10
        • 1970-01-01
        • 2011-02-06
        • 1970-01-01
        • 2014-05-14
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-05-27
        相关资源
        最近更新 更多