1

我获得了浏览器密钥的 Google 地图 API 凭据。对于允许的推荐人，我在我的网站中输入了类似*.mysite.com/*和www.mysite.com/*

然后我使用https://developers.google.com/maps/documentation/embed/start上的快速入门构建地图页面 来制作代码。粘贴我的 API 密钥后，它给了我嵌入网页的 iframe 代码。

但是地图没有显示在网页上。这是我正在使用的代码：

<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=place_id:EjA3NyBCb290IFJhbmNoIENpciwgRnJlZGVyaWNrc2J1cmcsIFRYIDc4NjI0LCBVU0E&key=AIzaSyDFXuwn2N6KOiOK4neH8ZSBaVLnfVF5TuE" allowfullscreen></iframe>

我不知道下一步该尝试什么。

4

2 回答 2

3

这可能有几个原因。但是让我印象深刻的一个是协议使用不一致（http | https）。例如，如果您的主页使用 https，但您的 iframe 使用 http，则它不会显示。

但是，您如何提前知道用户将使用什么协议？你不这样做，实际上，这并不重要。只需在没有协议指示符的情况下开始您的 iframe URL，如下所示：

<iframe src="//www.google.com/maps/embed/v1/place?q=place_id:EjA3NyBCb290IFJhbmNoIENpciwgRnJlZGVyaWNrc2J1cmcsIFRYIDc4NjI0LCBVU0E&key=AIzaSyDFXuwn2N6KOiOK4neH8ZSBaVLnfVF5TuE" allowfullscreen></iframe>

请注意 URL 以“//”开头

于 2017-05-30T09:14:51.273 回答
0

CSP（内容安全策略）frame-src 指令可能禁止在 iframe 中加载 google 域。检查开发工具控制台中的错误。

于 2018-02-15T17:02:35.990 回答