Убудаваны Google Maps Error - Blocked кадра з паходжаннем

Я спрабую ўставіць карту Google на сайце кліента.

Here is the embed code I am using as copied from the view source of the page where it is embedded. I followed the instructions from this page http://maps.google.ca/help/maps/getmaps/plot-one.html

<iframe width="180" height="250" frameborder="0" scrolling="no" marginheight="0"
marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=
&q=5590+Joliet+Street+Denver,+Colorado+88239&aq=&sll=34.168218,-111.930907
&sspn=15.047206,26.30127&ie=UTF8&hq=&hnear=5590+Joliet+St,+Denver,+Colorado
+80239&ll=39.797915,-104.860812&spn=0.013667,0.025685&t=m&z=14&output=embed">
</iframe>

I am getting the error (Chrome Developer Tools, Console) Blocked a frame with origin "http://maps.google.com" from accessing a frame with origin "http link here". Protocols, domains, and ports must match." and no map displays.

Цікава, што калі я ўстаўляю, што ў тэкставы дакумент і захаваць яго ў фармаце HTML і адкрыць яго ў Chrome, карта будзе адлюстроўвацца, але я ўсё яшчэ атрымліваю тую ж памылку ў Dev Tools (акрамя таго, што паходжанне з'яўляецца несапраўдным).

прыкладанне PHP, і я паспрабаваў remove_header (); варыянт, і гэта нічога не зменяць, і я пераканаўся, што спасылка ў IFRAME ўтрымлівае выходную = ўбудаванне.

Я паспрабаваў FF, Chrome і IE 10, усё з тым жа вынікам.

Вось спасылка на старонку ў пытанні. (Не можа спасылку IP-адрас) 198 кропак 154 кропак 220 кропак 143/кантакт /

11
Ігнараваць памылку, няма, што вы можаце змяніць, таму што памылка нагнятаюцца гуглом. Гэтая памылка не перашкаджае карту ад нагрузкі, прычына, чаму вы не бачыце карту з'яўляецца CSS у радку 42: IFrame {дысплей: не;}
дададзена аўтар Dr.Molle, крыніца
Ігнараваць памылку, няма, што вы можаце змяніць, таму што памылка нагнятаюцца гуглом. Гэтая памылка не перашкаджае карту ад нагрузкі, прычына, чаму вы не бачыце карту з'яўляецца CSS у радку 42: IFrame {дысплей: не;}
дададзена аўтар Dr.Molle, крыніца
Я не бачыў гэтага. Дзякуючы.
дададзена аўтар Craig Jacobs, крыніца
Я не бачыў гэтага. Дзякуючы.
дададзена аўтар Craig Jacobs, крыніца

7 адказы

Вашы пратаколы не адпавядаюць адзін аднаму, HTTPS супраць HTTP. Я толькі што бачыў усё памылкі кансолі, паказваючы на ​​старонцы вы ў курсе, і ўсе яны паказваюць, што Google Maps спасылкі, як HTTPS і ваш сайт HTTP.

Гэта выскачыла некалькі разоў на SO, і паўтаральнае прапанову выкарыстоўваць API Карт Google замест гэтага.

Getting http/https protocols to match with <iframe> for maps.google.com

1
дададзена

Адсутнічае «S» ў пратаколе HTTPS, гэта правільны код для выкарыстання:

<iframe width="150" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=it&geocode=&q=5590%2BJoliet%2BStreet%2BDenver,%2BColorado&sll=37.0625,-95.677068&sspn=55.718442,121.201172&ie=UTF8&hq=&hnear=5590+Joliet+St,+Denver,+Colorado+80239&t=m&ll=39.79792,-104.860811&spn=0.016486,0.012789&z=14&iwloc=A&output=embed"></iframe>
0
дададзена
BTW вы можаце змяніць параметр iwloc, каб быць побач з тым, што вы не атрымаеце адрас бурбалкі, у вас ёсць вельмі невялікая карта (180 х 250): змяненне & ампы; iwloc = А & Amp; iwloc = паблізу ў URL. Апроч таго ... Я заўважыў, што я зрабіў гэта 150px шырокага замест 180px ... вы можаце змяніць гэта, а таксама
дададзена аўтар luke, крыніца

Адсутнічае «S» ў пратаколе HTTPS, гэта правільны код для выкарыстання:

<iframe width="150" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=it&geocode=&q=5590%2BJoliet%2BStreet%2BDenver,%2BColorado&sll=37.0625,-95.677068&sspn=55.718442,121.201172&ie=UTF8&hq=&hnear=5590+Joliet+St,+Denver,+Colorado+80239&t=m&ll=39.79792,-104.860811&spn=0.016486,0.012789&z=14&iwloc=A&output=embed"></iframe>
0
дададзена
BTW вы можаце змяніць параметр iwloc, каб быць побач з тым, што вы не атрымаеце адрас бурбалкі, у вас ёсць вельмі невялікая карта (180 х 250): змяненне & ампы; iwloc = А & Amp; iwloc = паблізу ў URL. Апроч таго ... Я заўважыў, што я зрабіў гэта 150px шырокага замест 180px ... вы можаце змяніць гэта, а таксама
дададзена аўтар luke, крыніца

Я думаю, вы павінны ўсталяваць правільны загаловак X-Frame-Options.

see https://developer.mozilla.org/en-US/docs/HTTP/X-Frame-Options

0
дададзена
Вы маеце рацыю. Прабач.
дададзена аўтар jasir, крыніца
Я думаю, што гэта на іншым канцы. Іншымі словамі, я думаю, што гэта тое, што Google трэба будзе ўсталяваць на іх канцы?
дададзена аўтар Craig Jacobs, крыніца

Я думаю, вы павінны ўсталяваць правільны загаловак X-Frame-Options.

see https://developer.mozilla.org/en-US/docs/HTTP/X-Frame-Options

0
дададзена
Вы маеце рацыю. Прабач.
дададзена аўтар jasir, крыніца
Я думаю, што гэта на іншым канцы. Іншымі словамі, я думаю, што гэта тое, што Google трэба будзе ўсталяваць на іх канцы?
дададзена аўтар Craig Jacobs, крыніца

Існуе памылка ў Chrome, які спыніць укаранёныя карты з указаннем на дадзены момант. Шлях вакол яго, каб выкарыстоўваць карты API напрамую, а не ўкладанне. Глядзіце гэтае пытанне для больш падрабязнай інфармацыі і рашэнне

https://stackoverflow.com/a/15113050/2086687

0
дададзена

Існуе памылка ў Chrome, які спыніць укаранёныя карты з указаннем на дадзены момант. Шлях вакол яго, каб выкарыстоўваць карты API напрамую, а не ўкладанне. Глядзіце гэтае пытанне для больш падрабязнай інфармацыі і рашэнне

https://stackoverflow.com/a/15113050/2086687

0
дададзена