jquery - 隐藏后如何显示谷歌地图的div

Question

如何在我将 Display:block 设置为 Display:block 后显示 Google Maps 的 DIV。

但在我展示它之后，我得到了如下图所示的谷歌地图，该图像没有出现在整个 DIV 中

编辑

我有这个显示 map 的代码 div

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

CSS

---

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

j查询

---

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

Answer 1

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

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

尽管这取决于您使用的代码和 api 版本