2011-06-28 24 views
4

私は、これらの日の読み込みに通常よりも時間がかかり、読み込み前に何度もブラウザを更新することに気付きました。いずれにしても、これにより、マップが完全にロードされる前に表示する読み込み画面をどのように作成できるのだろうかと思うようになりました。Googleマップの読み込み中画面

提案がありますか?

更新:(ガビのコードに対応して)

google.maps.event.addListener(map, 'tilesloaded', function(){ 
    document.getElementById('loading').innerHTML = ''; 
}) 

は、それが全体のマップのロードPNGオーバーレイを持っているだけでtilesloadedイベントの前にそれを削除することは可能ですか?

答えて

4

:ここ

google.maps.event.addListener(map, 'tilesloaded', function(){ 
    document.getElementById('loading').innerHTML = ''; 
}) 

は作業jsfiddleですhttp://jsfiddle.net/c962U/

6

あなたはtilesloadedイベントに耳を傾けることができます。

:あなただけのマップのdivの背景としてロードGIF画像を設定することができ、またhttp://jsfiddle.net/96WgM/2/

+0

マップ全体にPNGオーバーレイをロードし、 'tilesloaded' evenの直前にマップを削除することはできますかt? – Nyxynyx

+0

@Nyxynyxあなたはそうすることができますが、前にではなく、 'tilesloaded'のPNGを削除します。 'beforetilesloaded'イベントはありません。 –

関連する問題