谷歌地图显示不正确

Question

我使用API​​一个风格的地图，它的显示不正确：

如果你点击顶部接触右侧的地图应该出现的联系方式如下：

http://machinas.com/wip/machinas/website/v21/

看来只有一半的地图区域是灰色的。任何想法，为什么这可能是？

谢谢！

这是我所看到的：

http://i42.tinypic.com/2ntafwp.jpg

Answer 1

你设置你在一个名为initialize()功能，当网页是由该行代码加载被称为地图：

google.maps.event.addDomListener(window, 'load', initialize); 

但是，您的map-canvas元素尚未正确调整大小，因为它具有width:100%，并且它是.contact-overlay元素的子元素，它具有display:none。

删除该行代码，而是在您单击联系我们链接并显示滑动打开区域后明确呼叫initialize()。一旦可见和大小，然后用initialize()呼叫初始化地图。

这也将帮助您的网页加载速度更快，因为只有打开联系人覆盖面板时，它才会在每次加载页面时初始化地图。