我获得了浏览器密钥的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>
我不知道接下来该尝试什么。
答案 0 :(得分：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>
请注意，网址以“//”
开头答案 1 :(得分：0)
CSP（内容安全政策）frame-src指令可能禁止在iframe中加载google域名。检查开发工具控制台中的错误。