Jquery 谷歌地图API+；滑动分页

我正在尝试在一个站点上加载一个由GoogleMapsAPI生成的地图。它在普通div中正确显示，但我只想通过单击按钮来显示它，这就是问题所在：我使用jQuery显示和隐藏div，但当它显示时，几乎整个地图都是灰色的：

这是我的密码：

$(document).ready(function() {

    $('#div').hide();

    $('#button').click(function() {

        $('#div').show();

        return false;
    });
});

---

问题出在哪里？谢谢你的帮助。

谢谢！我通过在地图脚本的前几行中添加以下内容来解决此问题：

函数displayMap（）{

document.getElementById（'div'）.style.display=“block”

初始化（）

}

这是我的html：

显示地图

---

将#div替换为包含地图的div的名称，并将“Show map”替换为img、text或您想要的任何内容。

必须延迟地图创建，直到其容器可见为止，请参阅可能的副本