2010-12-09 36 views
1

我有一个网页,使用Google Maps API v3在我的公司有位置的地方显示带有infowindows的标记。Google Maps API InfoWindow iPhone/Android浏览器的高度不正确

无论何时我在iPhone或Android手机上,并且设备都处于横向模式,infowindow高度太小,无法看到内容并且没有出现滚动条(包含的照片显示我的意思)。当设备处于肖像模式时,信息窗口将正确显示。

我试过设置组成infowindows内容的HTML的高度和最小高度的CSS属性,但这并没有奏效。

alt text

回答

0

要改变这一点,你需要检测的方向变化,并重新绘制你的窗口,是这样的:

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

这应该尺寸调整工作,我不记得API重绘电话,但有一个改变大小。希望这可以帮助。