我只是注意到，gMap视图工具正在显示…相当不寻常。他们的地区似乎也被恰当地定义了 – 我可以和他们进行交流，只是他们的外表看起来很混乱。
我没有对任何地图片段应用任何CSS，我应用于地图容器的唯一CSS是width：100％;身高：100％; z-index：0; (我通常做的)。
我有页面上的其他元素有位置：绝对;和位置：固定;和一些高z指数(500& 1000)。是否可能导致地图工具的视觉扭曲？
在最新版本的Chrome，Chrome Canary，Ffx，Safari和Opera(Mac OSX)上，我看到同样奇怪的视觉扭曲。
我检查了开发工具/ firebug，并且没有意外的CSS应用于地图的容器或直接应用于其工具。
这是确切的HTML(我删除了其他元素和CSS，并且奇怪仍然发生)：
<html style="width:100%;height:100%;">
<head>
<link rel="stylesheet" href="shared/bootstrap/css/foundation.min.css">
<link rel="stylesheet" href="shared/bootstrap/css/v2.2.2.min.css">
<script
type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=...">
</script>
<script type="text/javascript">
function ginit() {
var vancouver = new google.maps.LatLng(49.285415,-123.114982);
var mapOptions = {
center: vancouver,zoom: 15,mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(
document.getElementById("map"),mapOptions
);
var infowindow = new google.maps.InfoWindow(),marker;
}//ginit()
</script>
</head>
<body onload="ginit();" style="width:100%;height:100%;">
<div id="map" style="width:100%;height:100%;"></div>
</body>
</html>
编辑：似乎问题来自于Foundation和Bootstrap的组合：删除任何一个修复问题。同样没关系的是，页面上没有元素从lib引用类，它会导致失真一样。
我试图把它放在一个小提琴，但我不能得到jsfiddle.net加载。
