0

読み込み中の画像をGoogleマップAPIv3に追加しました。ボタンをクリックすると、ロード中の画像が表示されますが、マップがロードされた後、ロード中の画像を非表示にできません。いくつかのヒントを教えてください。

Googleマップはdividの下にあります:map_canvas

読み込み中の画像はdivid:innerの下にあります

私は次のコードを使用しています:$('div.inner')。show(); ボタンをクリックした後にロード中の画像を表示します。

読み込み中の画像を非表示にするためにこのコードを試しましたが、機能しませんでした:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(window).load(function(){
      $("#inner").hide();
})
</script>

$(map_canvas).load(function()..を使用してみました。

また、$( "#inner")。hide();を追加してみました。マップコードの最後の行にあります。しかし、何も機能しませんでした。

グーグルマップが完全にロードされた後、ロード中の画像を非表示にするのを手伝ってください。

編集:................................................ ...........................。

わかった。

次のような関数を作成します。

function hide()
    {
        $('div.inner').hide();
    }

マップコードの最後の行でそれを呼び出して、それは機能しました。

4

2 に答える 2

0

私はjQueryを使用していないので、次のようにします:

var loadingDiv = document.getElementById('inner');
loadingDiv.style.display = 'none';
于 2012-08-25T05:33:20.470 に答える
0

google map api v3 で tilesloaded イベントを確認できます。サンプルページをご覧ください

于 2012-08-25T07:26:33.270 に答える