首页 文章

Google Maps API InfoWindow iPhone / Android浏览器上的高度不正确

提问于
浏览
1

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

每当我使用iPhone或Android手机并将设备置于横向模式时,信息窗口高度太小而无法看到内容而且没有滚动条显示(包括照片显示我的意思) . 当设备处于纵向模式时,infowindows正确显示 .

我已经尝试设置构成infowindows内容的HTML的高度和最小高度CSS属性,但这没有用 .

alt text

1 回答

  • 0

    要更改此设置,您需要检测方向更改并重新绘制窗口,例如:

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

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

相关问题