1

OverlayView で Google マップ V3 を使用して、HTML5 Canvas を地図に配置しています。オーバーレイに DIV を追加し、DIV 内に Canvas 要素を配置しました。

マップをパン/ズームインした後、次のことを行います。

  • DIV (左、上部の CSS 属性) をシフトして、DIV/キャンバスを再中央揃えします
  • キャンバスにグラフィックを再描画します

これは、デスクトップ ブラウザーでは非常に高速に動作します。ただし、IPAD2 では非常に遅く、DIV のシフトとキャンバスの再描画の間にラグがあるため、マップを移動/再描画するたびにジャンプします。

IPAD が Canvas 要素をタイルごとに (通常のマップ タイルのように) 再描画するかのようです。なぜそれをするのでしょうか?HTML5 Canvas は通常、IPAD 上で非常に高速であり、タイルでの描画とは関係ありません。

助言がありますか?

4

1 に答える 1

1

これは、Canvas オブジェクトが大きすぎることに関係しているようです。Google マップの高さの 2 倍、幅の 2 倍にしていたので、合計で画面サイズが 4 倍になり、動作が非常に遅くなったようです...

于 2012-07-04T19:14:22.643 に答える