2013-05-23 21 views
11

Próbuję umieścić mapę Google na stronie klienta.Wbudowany błąd Google Maps - Zablokowano ramkę z początkiem

Oto kod do osadzenia, którego używam jako skopiowany ze źródła widoku strony, na której jest osadzony. I przestrzegać instrukcji z tej strony 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> 

otrzymuję błąd (Narzędzia Chrome Developer Console) zablokowanych ramkę z pochodzenia „http://maps.google.com” dostępu ramkę z pochodzenia „http linku tutaj”. Protokoły, domeny i porty muszą się zgadzać. "I brak wyświetlaczy mapy

Co ciekawe, po wklejeniu tego do dokumentu tekstowego i zapisaniu go jako HTML oraz otworzeniu go w Chrome, mapa wyświetli się, ale nadal otrzymuję ten sam błąd w Dev Tools (z wyjątkiem tego, że pochodzenie jest zerowe)

aplikacja jest php i wypróbowałem opcję remove_header(); i nic nie zmieniłem, i upewniłem się, że link w iframe zawiera wyjściowy = embed.

próbowałem FF, Chrome i IE 10, wszyscy z tym samym rezultatem.

Oto link do strony, o której mowa. (nie można opublikować łącza do adresu IP) 198 kropka 154 kropka 220 kropka 143/kontakt/

+6

ignorowanie błędu, nie jest coś można zmienić, ponieważ błąd jest zmuszony przez google. Ten błąd nie zapobiega załadowaniu mapy, powodem, dla którego nie widzisz mapy jest css w linii 42: 'iframe {display: none;}' –

+0

Nie widziałem tego. Dzięki. –

Odpowiedz

1

Twoje protokoły są niedopasowane, https vs. http. Właśnie zobaczyłem wszystkie błędy konsoli pokazujące na stronie, którą wysłałeś, i oni wszyscy pokazują linki mapy google jako https i twoja strona jest http.

To pojawiło się kilka razy na SO, a powtarzającą się sugestią jest użycie interfejsu API Google Maps.

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

0

Brakuje „S” w https, to jest poprawny kod używać:

<iframe width="150" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=it&amp;geocode=&amp;q=5590%2BJoliet%2BStreet%2BDenver,%2BColorado&amp;sll=37.0625,-95.677068&amp;sspn=55.718442,121.201172&amp;ie=UTF8&amp;hq=&amp;hnear=5590+Joliet+St,+Denver,+Colorado+80239&amp;t=m&amp;ll=39.79792,-104.860811&amp;spn=0.016486,0.012789&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe> 
+0

BTW można zmienić parametr iwloc tak, aby był blisko, aby nie uzyskać bańki adresowej, masz bardzo małą mapę (180 x 250): zmiana & iwloc = A na & iwloc = blisko w adresie URL. Również ... Zauważyłem, że zrobiłem to na 150px zamiast 180px ... możesz to również zmienić – luke

0

Jest to błąd w Chrome, która zatrzyma osadzone mapy pokazujące w tej chwili. Zamiast tego należy używać API map bezpośrednio, a nie osadzać. Patrz na to pytanie więcej szczegółów i rozwiązanie

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