古いコードを v2 から v3 に変換していますが、マップ をドラッグするとマップが大幅に遅くなることに気付きました。これは Firefox でのみ発生しますが、Google Chrome では問題はありません。この問題は、Google の基本的な例などの最も単純なマップにも存在するため、これは私のコードが原因ではありません。
興味深いことに、maps.google.comにアクセスしても、どのブラウザーでもパフォーマンスの問題はありません。基本的な例との唯一の違いは、基本的な例では新しいタイルがフェード イン トランジション効果で表示されることです。そのため、フェードイン効果が原因であると思われます。どういうわけか無効にできるかどうか知っている人はいますか?他のアイデアはありますか?
注: Windows と Linux で、最新バージョンの Firefox と Chrome を使用して、さまざまなコンピューターとさまざまな API バージョンv3.exp
でこれをテストしましたv3.13
。コードは Google の基本的な例で入手できますが、さらに単純な作業コピーに従います。
<!DOCTYPE html>
<html>
<head>
<style>
html, body, #map-canvas { height: 100%; }
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
var map;
function initialize() {
map = new google.maps.Map(document.getElementById('map-canvas'),
{zoom: 8, center: new google.maps.LatLng(-34.397, 150.644)});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
アップデート:
以前はスクリーンキャストを撮る必要がなかったので、おそらく最高のツールを使用していなかったのでしょう。とにかく、これらのピクセル化されたビデオでも違いは明らかです. Firefox では、新しいタイルのレンダリングとパンが遅れます (これは maps.google.com を使用する場合には当てはまらないため、Chrome が Firefox よりも「優れている」という問題ではありません)。
- クローム: http://tinypic.com/r/zwepsp/5
- Firefox: http://tinypic.com/r/263wytt/5