使用 Geocomplete 对地址进行地理编码时地图不显示

Question

我的问题是当用户输入他们的地址（自动完成）时，预期的行为是地图会在地址上显示一个标记。但是由于一些奇怪的原因，地图没有显示:(

这里是我的测试环境，请看一下： http://mycanprev.com/onboard-test/

单击“位置”选项卡以进入地理完整部分。当您输入地址时，假设显示地图并在输入的地址上设置了标记，但它只显示一个灰色框而不是地图。 不过，地图似乎在移动设备上显示良好。

我认为问题可能出在 z-index 上，但我不确定如何解决它:(

感谢您的帮助。

Answer 1

有很多问题导致地图中出现灰色框。您可以尝试以下解决方案：

• 首先，确保您使用了正确的 Google Maps API、有效的 API 密钥和未弃用的函数调用。

• 正确设置缩放参数。检查这个 SO 问题 11749742 和 5838333。

• 检查地图 DIV 元素和 css 的大小。检查此SO question。