Ajax 显示/隐藏时显示灰色区域的谷歌地图

我遇到了这个问题：我在一个页面上有两个谷歌地图，一次只显示一个。其中一个显示用户选择的首选商店。如果用户想要选择另一个地图，Web服务会提供最近的地图，根据这些信息，我会隐藏第一个地图（以及一些相关元素），创建另一个地图并显示它

这是小提琴：

我有几个问题：

直接调用GoogleMapsAPI（不是通过Google.load），是否有办法确定脚本何时已完全加载，这样我就不会遇到“Google未定义”错误

有两张地图可以吗？将引用传递到

var currentMapId，searchMapId

？当我发送推荐信时，我想它可能会起作用。。。它起作用了，但我觉得有点愚蠢。我不知道只有一个推荐人是否合适

尝试一次又一次地快速单击按钮，贴图会移动，并显示一个较大的灰色区域。这对我来说不是什么大问题，但它在我的应用程序中，因为有时它会永远保持这种状态，即使用户拖动地图。这实际上是我最重要的问题，另外两个问题只是关于代码组织和优化。我怎样才能修好它

最后，我不知道这是否是我的印象，但当你拖动它时，它似乎加载地图的速度非常慢

注意：实际上，我的第二张地图从未加载，但应用程序太大了，我仍在测试原因。出于某种奇怪的原因，每当我调整浏览器的大小时，地图就会开始加载

提前感谢,

---

Óscar

我和你有同样的问题，我的布局非常复杂，而且我在一个页面上有多个GMAP。为了解决这个问题，我所做的是更改z索引

我将其中一张地图包装在一个容器上，如下所示：

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

这解决了问题，但我真的不知道为什么。我希望有帮助！

---

祝你好运

这个答案帮助了我：非常感谢！我等了4年终于解决了这个问题。哈哈，只是开玩笑，但我相信这条评论可能会帮助有相同bug的人：）