【问题标题】: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 重绘调用,但有一个用于更改大小。希望这会有所帮助。