Google maps api 3 谷歌地图API第3版导致图像模糊/模糊

出于某种原因，在Safari 5.1.5上，谷歌地图模糊了我的一些图像。例如，当它加载时，枝形吊灯会快速渲染一段时间，然后模糊

移除

<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false">   </script>

我的代码阻止了这种情况的发生。这似乎只会影响Safari——这在Firefox或Chrome中不会发生。我还没有测试过Safari的任何旧版本，所以它可能是一个bug？我也尝试过清除缓存，重新启动电脑+更新Safari，没有改变

有什么想法吗

---

谢谢

我无法在Safari中重现该漏洞。但是，有两种可能的解决办法：

异步加载脚本。查看maps api的基本入门页面，并找到异步加载api部分：

尝试改用Google静态地图图像，它不会加载JavaScript，只加载地图图像。我建议这样做，因为您似乎没有使用谷歌地图API的动态功能

---

我也有这个问题，地图本身和页面上的字体。经过长时间的努力，我得出以下结论：

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.5&sensor=false"></script>

我希望这对您或某人有所帮助。

---

注意：我正在使用twitter引导框架。

这个问题现在发生在我身上，原因是Chrome上的3.8和3.9 API（23 beta版）之间存在差异。如果我指定3.9API，它会在一瞬间正确显示贴图，然后使一切变得模糊。如果我指定了3.8API，它会正常工作

您可以在这里看到问题：

问题是；我目前已经将3.8API设置为一种解决方案，但当v10最终发布时，它可能会迫使3.9成为可用的最低API

---

从我自己的角度来看，3.9和3.10似乎调用了Chrome（以及我想象中的Safari扩展版），通过添加GL合成来渲染所有内容-webkit transform:translateZ（0）；添加到所有贴图元素。这似乎是事情看起来很可怕的原因。

刚刚在Firefox上试用过，我可以证明它工作得很好。这似乎是一个特定于浏览器的问题。你可能想在帖子中添加一个普通的“Safari”标签，并删除“图像处理”，因为它不符合描述。如果你来这里是因为你在移动设备上体验到了这一点，而解决方案没有帮助，请查看并在issueThanks中加星，以获取你的建议。我尝试了异步方法，但没有解决问题。我更愿意使用动态地图，因为维护起来工作量较小，但我同意你的建议，现在使用图像，这当然解决了问题。再次感谢

* {
    -webkit-font-smoothing: subpixel-antialiased !important;
}