1

我在我的个人网站上通过 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

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

4

2 回答 2

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
});
于 2013-06-22T03:41:23.590 回答
0

我最好的猜测是，这是这些设备上的内存总量问题。运行 iOS < 4 的 iPhone 几乎都是非常旧的设备。不幸的是，这会影响 iOS 5 上的原始 iPad。

WordPress 网站往往没有得到很好的优化。只需查看页面上大量的 <script> 标记和样式表。

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

于 2012-10-09T18:26:08.493 回答