谷歌地图取代并显示只有50％的容器

Question

正如我在标题中所说的那样。我不知道为什么我的谷歌地图只显示容器div的50％。

你可以在这里看到它： http://sudarquitectura.com.ar/

请点击第三个按钮，上面写着：“UBICACION”。 它是一个简单的单一html页面，因此您可以在那里看到代码。

据说信息窗口应位于容器div的中心，但它始终位于左边缘。

非常感谢！

Answer 1

如果您还没有在CSS中，请首先为地图容器div指定宽度和高度。 然后尝试google.maps.event.trigger(map, 'resize')，它取自事件部分的here。

同时检查这些堆栈溢出问题

1. Google Maps API - Resizing generates blank white space
2. How do I resize a Google Map with JavaScript after it has loaded?
3. Google Map shows only partially