1

個人の Web サイトで Google マップ v3 API を使用してマップを呼び出しています。私のウェブサイトがモバイルデバイスをクラッシュさせると言われるまでは...

最初のショックと恐怖の後、私は複数のデバイスをテストし始めましたが、古い iOS バージョンにのみ影響するようです. 最新の iOS 6 を搭載した iPhone 4 および 5 で正常に動作しています。iOS 5.1 で私の iPAD 1 がクラッシュし、iPhone 4S (不明な iOS) もクラッシュすることが確認されています。私がテストした Android フォンは正常に動作するように見えました...したがって、私の観察が正しければ、パフォーマンスの問題ではなくバージョンのようです。

私がここで見つけたこのような問題に関する唯一の他の参照: http://blog.rotacoo.com/lazy-loading-instances-of-the-google-maps-api ... 問題は多数あるようですがAPI 呼び出しの。私は1つだけ実行します...

これまでのところ、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 に答える