使用jQuery Mobile时,为什么Google Maps控件和InfoWindow会被破坏/倾斜？

Question

有没有人看过谷歌地图V3与jQuery Mobile版本1.1.0 RC1或1.0.1 不能很好地配合？

使用jQuery 1.7.1.

地图控件和InfoWindow略有偏差.

如果其中一个map div从z-index:1变为:0那么它就没问题了.

我没有应用额外的样式,所以我假设它是由Google Maps JavaScript完成的.

破碎的JSFiddle:http://jsfiddle.net/gyaresu/zDVKn/7/

编辑:解决方案终于找到了!Yaaaaaay!

第二次编辑要正确居中地图.删除内容div中单独的map div.

http://jsfiddle.net/zDVKn/9/

谢谢.G.

Answer 1

将其添加到您的CSS:

#map_canvas img {
max-width: none;
}

破碎的JSFiddle:http://jsfiddle.net/gyaresu/zDVKn/7/

使用CSS修复:http://jsfiddle.net/gyaresu/zDVKn/8/

编辑:删除了地图div的最终版本,以实现正确的居中.

http://jsfiddle.net/zDVKn/9/