谷歌地图信息窗口未正确放置在jQuery移动应用程序中

我在jQuery移动应用程序中嵌入了谷歌地图。在iPhone上查看地图并单击信息窗口时，我会出现以下行为：

如果我单击一个需要地图向左平移的信息窗口，则信息窗口的右侧会从屏幕的右侧脱落

单击要求地图向右平移的信息窗口不会出现同样的问题

所有信息窗口的大小都正确，但地图只是没有平移到正确的位置。我正在使用以下代码放置地图：

<style type="text/css">
.page-map, .ui-content, #map_canvas { width: 100%; height: 100%; padding: 0; }
#map_canvas img{max-width:none};
.content-primary, #map_canvas { height: 100%; min-height: 100%; }
</style>

<div data-role="page" data-theme="b" id="mappage" class="page-map" style="width:100%; height:100%;">
    <div data-role="content" class="fullHeight">
        <div id="map_canvas"></div>
    </div>
</div>

.page map、.ui内容、#map_画布{宽度：100%；高度：100%；填充：0；}
#地图(画布img{最大宽度：无};；
.content primary，#map_canvas{高度：100%；最小高度：100%；}

---

我需要弄清楚，当单击导致地图向左平移的标记时，如何使信息窗口正确平移。

自动调整窗口大小是导致问题的原因。我调整了CSS，强制信息窗口为225像素。一旦我强制信息窗口小于iPhone视口的开口，它就会按照我的预期正确地放置信息窗口