如何在隐藏它后在谷歌地图上显示div

Question

如何DIV设置Google Maps之后显示Display:block。

但是在我展示之后我得到了Google地图，如下图所示，图片并没有出现在整个DIV中

修改

我有这个显示地图的代码div

<div id="map"></div>

css

---

#map{
width:500px;
height:500px;
diaplay:none;
}

jquery的

---

$("#button").click(function(){
   $("#map").show();
});

Answer 1

一个常见问题，这是一个没有正确设置宽度或高度的问题。 你必须告诉它用这样的东西重绘地图

google.maps.event.trigger(map, 'resize')
map.setCenter(latlng);

虽然它取决于您使用的代码和api版本

Answer 2

点击初始化地图，而不是网页开始。

$("#button").click(function(){
   $("#map").show();
   // Start map here
});

Answer 3

diaplay:none;

应该是

display:none;

但我不确定这是否会导致您的问题。