Google Street View не отображается на веб-сайте

Question

Я пытаюсь встроить карту Google и просмотр улиц на веб-сайт. Почтовый индекс, широта и долгота хранятся в базах данных, которые в порядке, и мой код:

<iframe width="600" height="450" frameborder="0" style="border:0"
                src="https://www.google.com/maps/embed/v1/place?q={{ $code[0] }}%20{{$code[1]}}&key=MYKEY" allowfullscreen></iframe>
                <hr />
                  <iframe src="https://maps.googleapis.com/maps/api/streetview?size=400x400&location={{ $pc[0]['latitude'] }},{{ $pc[0]['longtitude'] }}&fov=80&heading=70&pitch=0&key=MYKEY&signature=MYSIGNATURE" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>

PHP возвращает это ОК как

 <iframe width="600" height="450" frameborder="0" style="border:0"
                src="https://www.google.com/maps/embed/v1/place?q=BA1%204HX&key=MYKEY" allowfullscreen></iframe>
                <hr />
                  <iframe src="https://maps.googleapis.com/maps/api/streetview?size=400x400&location=51.398734,-2.3936212&fov=80&heading=70&pitch=0&key=AMYKEY&signature=MYSIGNATURE" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>

Проблема в том, что карта в порядкеи правильно, но вид на улицу пустой.

Я искал инструменты Frefox для отклонения или чего-либо от Google, но ничего нет.

Answer 1

После пробного примера кода я получил ошибку Refused to display .... in a frame because it set 'X-Frame-Options' to 'sameorigin':

Обратите внимание, что статический API Street View предназначен для встраивания в <img>Атрибут src тега выглядит следующим образом:

<img src="https://maps.googleapis.com/maps/api/streetview?size=400x400&location=51.398734,-2.3936212&fov=80&heading=70&pitch=0&key=YOUR_API_KEY&signature=SIGNATURE"/>

Чтобы решить эту проблему, вы можете либо загрузить статическое изображение Street View в тег <img>, как указано выше, либо использовать режим просмотра улиц для Maps Embed API что бы выглядеть примерно так:

<iframe src="https://www.google.com/maps/embed/v1/streetview?location=51.398734,-2.3936212&fov=80&heading=70&pitch=0&key=YOUR_API_KEY" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>