谷歌地图只加载灰色框答案

【问题标题】：google maps only loads grey box谷歌地图只加载灰色框
【发布时间】：2011-05-24 15:34:57
【问题描述】：

我对谷歌地图 API 非常陌生，但我会根据表单中的结果重定向到不同的地图。所以我的操作页面看起来像：

<cfif #FORM.bar# EQ "on">
<cflocation url="http://*********/phone/barmaptest.cfm" addtoken="no"     />
</cfif>

地图在 jquery mobile 中，我不确定这是否会导致地图无法加载。但是当我自己打开页面时，地图显示得很好。但是当我尝试重定向到它时，它不会。我正在使用正文中的 onLoad 加载地图，如 google maps api 文档中所示。

【问题讨论】：

您的 API 密钥是如何注册的？如果您为“yourdomain.com”注册了密钥并且您正在重定向到“www.yourdomain.com”（或反之亦然），这可能会导致您的问题。
请贴出生成地图的代码。
找出问题所在，地图不喜欢 JQuery Mobile ajax 导航，所以我不得不在链接中输入 data-ajax="false"

【解决方案1】：

灰色框表示地图设置不正确（表示地图而非兴趣点）。请尝试以下操作：

首先手动创建地图，以便确保正确设置它们。之后，您可以检查浏览器的输出并确保它与您想要的结果相匹配（在第一步中进行了测试）。第一步和第二步之间的任何差异都必须纠正，然后你应该有地图。

顺便说一句，ColdFusion 代码对解决问题几乎没有帮助。

【讨论】：

当我将 URL 放入浏览器时，地图可以正常加载，但是当它被重定向时，它不会加载。那么问题就变成了为什么这会对地图对象的构建方式产生影响？
重定向时检查浏览器中的实际 HTML。这是确定问题所在的第一个点。如果工作和不工作之间有任何区别，那么在浏览器呈现的实际源中，这就是你的问题所在。作为测试，我会考虑在单独的浏览器实例中弹出地图，看看是否可行。如果是这样，那就是你的重定向。