0

我有一个 div，里面有一个自定义的谷歌地图；加载页面的其余部分需要更长的时间。所以，目前在它完全加载之前它会创建死区，所以它下面的元素会加载，就好像带有谷歌地图的 div 不存在一样 - 直到带有谷歌地图的 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

是的，您可以为您尝试加载的谷歌地图使用固定的“区域”，然后您可以选择“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 回答