0

カスタム Google マップを含む div があります。ページの残りの部分よりも読み込みに時間がかかります。したがって、現在、完全に読み込まれる前にデッドスペースが作成されるため、その下の要素は、Google マップを含む div が存在しないかのように読み込まれます。Google マップを含む div が読み込まれるまで、その下の要素を正しい位置に押し下げます。位置。ページの読み込みがかなり悪いようです。

これを修正するための提案はありますか？

CSS 内で寸法を定義してみました。

#gmp  {
    background-color: #E5E3DF;
    height: 300px;
    left: 0;
    overflow: hidden;
    position: relative;
    width: 400px;
}


$("#gmp").css("display","block").css("position","absolute")

また、ディメンションをインラインで定義しようとしました。

4

1 に答える 1

3

ええ、ロードしようとしているGoogleマップに固定の「エリア」を使用できます。次に、「onLoad」を選択してajax呼び出しを行い、選択したdivにマップをロードできます。

jquery が利用できる場合は、次のようにすることができます。

$(document).ready(function(){
    $('#gmp').load('http://google.com/loadmymap', function() {
       alert('Load was performed.');
    });
});

ここをチェック http://api.jquery.com/load/

ああ、絶対にしないでください。つまり、しないでください: $("#gmp").css("display","block").css("position","absolute") しかし、単に display:block でオリジナルCSS

于 2013-06-04T19:39:45.580 に答える