显示/隐藏时显示灰色区域的Google地图

Question

我遇到此问题：我在一个页面中显示两个Google地图，只显示一次。一个显示用户选择的首选商店。如果用户想要选择另一个，则WebService会提供最近的一个，并且通过该信息，我隐藏第一个地图（和一些关联的元素），创建另一个地图并显示它。

这里是小提琴：

http://jsfiddle.net/Osoascam/ReSsM/2/

我有几个问题：

1. 直接（不通过的google.load）调用谷歌地图API，有没有一种方法来确定当脚本已经完全加载，所以我不会遇到“谷歌没有定义”的错误？

2. 我可以做两张地图吗？通过引用var currentMapId, searchMapId？当我发送参考文献时，我认为它可能有效......它正在工作，但我认为它有点愚蠢。我不知道只有一个参考是可以的。

3. 尝试快速地反复点击按钮，地图发生变化并出现一个大的灰色区域。这对小提琴来说并不是什么大问题，但它在我的应用程序上，因为即使用户拖动地图，它也会永远保持这种方式。这实际上是我最重要的问题，其他两个只是代码组织和优化。我该如何解决它？

4. 最后，我不知道这是否是我的印象，但它似乎在您拖动时非常缓慢地加载地图。

注：其实我的第二个地图加载从来没有，但应用程序是如此之大，我还在测试的原因。出于某种奇怪的原因，无论何时调整浏览器大小，地图都会开始加载。

由于提前，

奥斯卡

Answer 1

我有同样的问题，因为你，我的布局真的是复杂的，而且我也有一个页面上的倍数gmaps。我为了解决这个问题所做的是改变z-index的

我包了地图中的一个容器上像这样的：

<div style="height:0px;overflow:hidden;z-index:-999;"> 
<div id="map" style="width: 520px; height: 400px"></div> 
</div> 

是解决了问题，但我真的不知道为什么。我希望它有帮助！ 祝你好运