Встроенная карта Google не отображается

Я получил учетные данные Google Map API для ключа браузера. Для разрешенных рефереров я ставлю лайки на своем сайте *.mysite.com/*иwww.mysite.com/*

Затем я использовал страницу Quick Start Build a map по адресу 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>

Я в недоумении, что попробовать дальше.

Решение проблемы

Этому может быть несколько причин. Но то, что меня несколько раз ловило, — это непоследовательное использование протокола (http | https). Например, если ваша главная страница использует https, а ваш iframe использует http, он не будет отображаться.

Но тогда как узнать заранее, какой протокол будет использовать пользователь? Вы не знаете, и это, на самом деле, не имеет значения. Просто начните URL-адрес вашего iframe без индикатора протокола, например:

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

Обратите внимание, что URL-адрес начинается с "//"