2013-05-23 2 views
11

Google지도를 클라이언트 사이트에 삽입하려고합니다.내장 Google지도 오류 - 원본 프레임이 차단됨

여기에 포함 된 페이지의보기 소스에서 복사 한대로 사용하고있는 소스 코드입니다. 나는 "여기 링크 HTTP"원점 프레임에 액세스 "http://maps.google.com"원점 프레임을 차단 페이지 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> 

나는이 오류가 무엇입니까 (Chrome 개발자 도구, 콘솔) 에서 지시를 따랐다. 프로토콜, 도메인 및 포트. 일치하지 "더지도가 표시됩니다.

을 흥미롭게도, 내가 텍스트 문서에 있음을 붙여 넣을 때와 크롬을 HTML로 저장하고 열어야합니다,지도가 표시됩니다,하지만, 난 여전히 얻을 (원점이 null 인 것을 제외하고는) Dev Tools에서 같은 오류가 발생했습니다 .

응용 프로그램이 PHP이고 remove_header(); 옵션을 시도했지만 아무 것도 변경하지 않았고 링크를 확실히 만들었습니다. Iframe에 출력 = 삽입을 포함한다.

I는 FF, 크롬 및 IE (10)와 동일한 결과로 모든 시도했다.

다음은 해당 페이지에 대한 링크입니다. (IP 주소 링크를 게시 할 수 없음) 198 도트 154 도트 220 도트 143/연락처/

+6

를 참조하십시오. 이 오류는지도가로드되는 것을 막지 못합니다. 42 행의 CSS는지도가 표시되지 않는 이유입니다.'iframe {display : none;} ' –

+0

나는 그것을 보지 못했습니다. 감사. –

답변

1

귀하의 프로토콜은 HTTP 대, HTTPS를 일치하지 않습니다 참조하십시오. 방금 게시 한 페이지에 콘솔 오류가 모두 표시되는 것을 보았습니다. 모두 Google지도 링크를 https로 표시하고 사이트는 http입니다.

SO에 몇 차례 나타 났으며, 대신 Google Maps API를 사용하는 것이 좋습니다. HTTPS에서 "s"를 누락

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

0

이 올바른 코드를 사용하는 것입니다

<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 iwloc 매개 변수를 변경하여 주소 버블을 얻지 않아도 매우 작은지도 (180x250)를 가질 수 있습니다. 변경 & iwloc = A에서 &으로 iwloc = URL 근처에 있습니다. 또한 ... 나는 180px 대신 150px로 넓게 만들었다는 것을 알았습니다 ... 당신도 그것을 바꿀 수 있습니다. – luke

0

순간에 보여주는 내장 된지도를 중지 크롬에 버그가 있습니다. 주위에있는 방법은 포함 API 대신 직접 API API를 사용하는 것입니다. 오류가 구글에 의해 강제되어 있기 때문에 변경할 수있는 일이 없다, 오류를 무시이 자세한 내용 에 대한 질문 및 솔루션

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

관련 문제