我有一个使用 api 的样式地图，但它没有正确显示：
如果您单击右上角的联系方式，则联系表格下方应显示地图：
http://machinas.com/wip/machinas/website/v21/
它出现了，但地图区域的一半只是灰色的。任何想法为什么会这样？
谢谢！
这就是我所看到的：
问问题
1344 次
1 回答
4
您正在一个名为 的函数中设置地图，该函数initialize()在页面被这行代码加载时调用：
google.maps.event.addDomListener(window, 'load', initialize);
但是，您的map-canvas元素尚未正确调整大小，因为它具有width:100%并且它是.contact-overlay具有display:none.
删除该行代码，而是initialize()在单击“联系我们”链接并显示幻灯片打开区域后显式调用。一旦它可见并调整大小，然后使用initialize()调用初始化地图。
这也将帮助您的页面加载更快，因为它不会在每次页面加载时初始化地图，只有在打开联系人覆盖面板时才会初始化。
于 2013-07-09T09:26:35.167 回答