Google Maps API 使旧版 iOS 移动 Safari 崩溃

Question

我在我的个人网站上通过 google maps v3 api 调用地图。一切似乎都运行良好 - 直到我被告知我的网站导致移动设备崩溃......

在最初的震惊和恐惧之后，我开始测试多台设备，但它似乎只影响较旧的 iOS 版本。它在装有最新 iOS 6 的 iPhone 4 和 5 上运行良好。它在 iOS 5.1 上使我的 iPAD 1 崩溃，并且看到它也使 iPhone 4S（未知 iOS）崩溃；我测试过的安卓手机似乎运行良好......所以如果我的观察是正确的，它似乎是一个版本而不是性能问题。

我在这里找到了关于此类问题的唯一其他参考：http://blog.rotacoo.com/lazy-loading-instances-of-the-google-maps-api ... 尽管问题似乎是大量 API 调用。我只执行一个...

到目前为止，我尝试调用 Google Maps API 的 v3.8 / v3.9 / 3.10，将我加载的地图重置为基本设置等，异步加载......但问题似乎是一致的......

目前我正在像这样在标题中加载 API：

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

我确实尝试通过functions.php中的入队脚本加载它，但似乎&会产生很多问题......

我正在运行最新的 Wordpress，您可以在以下位置查看该网站：www.deborre.net

非常感谢任何帮助！谢谢。

Answer 1

我知道这已经晚了，但我遇到了同样的问题，我摆脱了标记动画。我正在尝试使用带有 DROP 动画的自定义标记，该标记在桌面上运行良好，但始终使我的 iPad 2 崩溃。不确定这是否是此处所述问题的解决方案，但它可能会在将来为某人节省一些麻烦。

另外，我使用的是 Modernizr，所以我的最终代码如下所示（在 iPad2 和 iPhone5 上测试 - 都是 iOS6）：

new google.maps.Marker({
    position: new google.maps.LatLng($this.attr('data-lat'), $this.attr('data-lon')),
    map: map,
    animation: Modernizr.touch ? '' : google.maps.Animation.DROP,
    icon: icon,
    shadow: shadow
});

Answer 2

我的最佳猜测是，这是这些设备上的内存总量问题。运行 iOS

WordPress 网站往往没有得到很好的优化。只需查看页面上

虽然这不是最好的答案，但请尝试减少页面上的外部脚本和样式表的数量，看看是否会产生影响。构建了 WordPress 主题之后，这当然不是特别容易做到的。