【问题标题】:Google Maps API InfoWindow Incorrect Height on iPhone/Android BrowseriPhone/Android 浏览器上的 Google Maps API InfoWindow 高度不正确
【发布时间】:2010-12-09 16:37:14
【问题描述】:

我有一个网页,它使用 Google Maps API v3 来显示带有我公司所在位置的信息窗口的标记。

每当我使用 iPhone 或 Android 手机并让设备处于横向模式时,信息窗口高度太小而无法查看内容并且没有滚动条出现(随附的照片显示了我的意思)。当设备处于纵向模式时,信息窗口正确显示。

我尝试设置构成信息窗口内容的 HTML 的 height 和 min-height CSS 属性,但没有奏效。

【问题讨论】:

    标签: iphone android html css google-maps


    【解决方案1】:

    要改变这一点,您需要检测方向变化并重新绘制窗口,例如:

    document.addEventListener("orientationChanged", updateOrientation, false);
    function updateOrientation(e) {
    // resize window here
        wrapperH = window.innerHeight;
        document.getElementById('map_container').style.height = wrapperH + 'px';
    }
    

    这应该适用于调整大小,我不记得 API 重绘调用,但有一个用于更改大小。希望这会有所帮助。

    【讨论】:

      猜你喜欢
      • 2010-12-06
      • 1970-01-01
      • 1970-01-01
      • 2015-01-02
      • 2013-03-13
      • 2013-04-04
      • 2011-07-15
      • 2011-09-21
      • 2011-05-16
      相关资源
      最近更新 更多