如何使用Google Maps 3隐藏然后显示地图画布？

Question

我想将Google Maps画布呈现给隐藏的div，然后在页面上其他地方触发事件时再次使div可见。

不幸的是，当我尝试使用“ display：none”设置div的样式，然后再显示它时，我只会看到一个灰色框，该图将显示地图。 如果我取消了display：none标签和显示逻辑，则地图可以正常工作。

有人有想法么？

Answer 1

您可以切换visibility: hidden 。 这将使一切保持其尺寸（同时仍保持不可见）。 如果Google询问页面的宽度和高度，这将有所帮助。 注意visibility: hidden的地图画布仍会占用页面空间； 如果这不是您想要的，则可以执行诸如position: absolute 。

Answer 2

div的不透明度设置为0.01或一些这样的-这使得它几乎看不见。

Answer 3

通过将地图的div设置为position：absolute和left：-10000px来使它起作用。

然后，我只需要设置要继承的位置即可。