谷歌地图 API + Jquery

Question

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

这是我的代码：

$(document).ready(function() {

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

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

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

        return false;
    });
});

问题出在哪里？感谢您的帮助，谢谢。

Answer 1

谢谢！我通过在前几行将其添加到地图脚本来解决它：

函数 displayMap() {

document.getElementById('div').style.display="block";

初始化();

}

这是我的html：

<div id="button" onclick="displayMap()">Show Map</div>

将#div替换为包含地图的div的名称，并将“显示地图”替换为img，文本，任何你想要的。