Встроенная карта 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>

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


google-maps google-maps-embed
person Bixnc    schedule 02.03.2016    source источник
comment
Ваш iframe, кажется, работает для меня. Зарегистрирован ли сайт, на котором вы его используете, для вашего ключа?   -  person Blue Eyed Behemoth    schedule 02.03.2016
comment
Сегодня я попытался получить ключ из другого аккаунта Google, и карта, которую я сделал, работает нормально. Понятия не имею, в чем могла быть проблема.   -  person Bixnc    schedule 03.03.2016
comment
Вероятно, проблема со стороны Google? ржу не могу   -  person Blue Eyed Behemoth    schedule 03.03.2016
comment
С какой ошибкой вы сталкиваетесь?   -  person Mr.Rebot    schedule 04.03.2016

Ответы (2)


arrow_upward
3
arrow_downward

Этому может быть несколько причин. Но то, что меня несколько раз ловило, — это непоследовательное использование протокола (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-адрес начинается с "//"

person Jahmic    schedule 30.05.2017

arrow_upward
0
arrow_downward

Директива frame-src CSP (Content Security Policy) может запрещать загрузку домена google в iframe. Проверьте наличие ошибок в консоли инструментов разработчика.

person Alexander Puchkov    schedule 15.02.2018