Question

我真的希望有人可以建议从隐藏的div中显示谷歌地图。

我有一个谷歌地图，如果用户点击链接即显示地图，我想向用户显示。

将地图放在隐藏的div中根本不起作用，所以我将地图-1000px隐藏在位置绝对css值上。

这给了我更好的结果，但是当我使用css将地图重新放回时只显示了它。

在我演出节目后，有人可以告诉我有关隐藏地图可见的最佳方法吗？

希望有人可以提供建议。

由于

Answer 1

你无需担心绝对的位置和所有这些。在必要时隐藏div，然后显示并调用google.maps.event.trigger(map, 'resize')（v3）或map.checkResize()（v2）

评论中提到的其他方案：

请务必在致电google.maps.event.trigger(map, 'resize')之前致电map.fitBounds()，否则您会收到意外结果。

Answer 2

您是否尝试过调用地图的调整大小事件？

Answer 3

为什么不在显示div之前推迟渲染地图？

粗略代码：

$("button").click(function() {
   $(mapDiv).show();
   new google.maps.Map(mapDiv, opts);
});