Question

我有一个div，里面有自定义谷歌地图;加载然后加载页面的其余部分需要更长的时间。因此，目前在它完全加载之前它会创建死空间，因此它下面的元素加载就像没有谷歌地图的div那样 - 直到加载谷歌地图的div然后它将其下面的元素推入正确位置。它在页面加载时看起来很糟糕。

有没有人建议解决这个问题？

我尝试在CSS中定义diminsions。

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


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

也尝试定义内联尺寸。

Answer 1

是的，你可以使用固定的“区域”为你想要加载的谷歌地图，然后你可以选择“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（ “显示”， “块”）。CSS（ “位置”， “绝对”）但只是显示：原始css中的块

缓慢加载div死空间

1 个答案: