2013-05-23 9 views
11

मैं किसी ग्राहक की साइट पर Google मानचित्र एम्बेड करने का प्रयास कर रहा हूं।एंबेडेड Google मानचित्र त्रुटि - मूल के साथ फ्रेम को अवरोधित किया गया

यहां एम्बेड कोड है जिसका उपयोग मैं पृष्ठ के दृश्य स्रोत से कॉपी किया गया है जहां यह एम्बेड किया गया है। मैं "यहाँ लिंक http" यह पेज 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 डेवलपर टूल, कंसोल) मूल के साथ एक फ्रेम तक पहुँचने से मूल के साथ "http://maps.google.com" एक फ्रेम अवरोधित से निर्देशों का पालन किया। प्रोटोकॉल, डोमेन, और बंदरगाहों से मेल खाना चाहिए। "और कोई नक्शा प्रदर्शित करता है।

दिलचस्प बात यह है कि जब मैं पेस्ट है कि एक पाठ दस्तावेज़ में और क्रोम में HTML के रूप में सहेज और इसे खोलने, नक्शा प्रदर्शित होगा, लेकिन मैं अभी भी देव उपकरण में एक ही त्रुटि (सिवाय इसके कि उत्पत्ति शून्य है)

एप्लिकेशन php है और मैंने remove_header(); विकल्प का प्रयास किया है और यह कुछ भी नहीं बदला है, और मैंने यह सुनिश्चित कर लिया है कि लिंक iframe में उत्पादन = एम्बेड शामिल हैं।

मैं एफएफ, क्रोम और आईई 10, एक ही परिणाम के साथ सभी की कोशिश की है।

प्रश्न में पृष्ठ का एक लिंक यहां दिया गया है। (आईपी एड्रेस लिंक पोस्ट नहीं कर सकता) 198 डॉट 154 डॉट 220 डॉट 143/संपर्क/

+6

देखें, वहाँ कुछ भी क्योंकि त्रुटि गूगल द्वारा मजबूर किया जाता है आप बदल सकते हैं नहीं है। यह त्रुटि मानचित्र को लोड होने से नहीं रोकती है, कारण आप नक्शा नहीं देखते हैं लाइन 42 पर सीएसएस है: 'iframe {display: none;}' –

+0

मुझे यह नहीं मिला। धन्यवाद। –

उत्तर

0

मुझे लगता है कि आपको सही एक्स-फ़्रेम-विकल्प शीर्षलेख सेट करना चाहिए।

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

+1

मुझे लगता है कि यह दूसरी छोर पर है। दूसरे शब्दों में मुझे लगता है कि यह ऐसा कुछ है जिसे Google को अपने अंत में सेट करने की आवश्यकता होगी? –

+0

आप सही हैं। मुझे क्षमा करें। – jasir

1

आपका प्रोटोकॉल बनाम http https, बेमेल हैं देखते हैं। मैंने आपके द्वारा पोस्ट किए गए पृष्ठ पर दिखाए गए सभी कंसोल त्रुटियों को देखा है, और वे सभी Google मानचित्र लिंक को https के रूप में दिखाते हैं और आपकी साइट http है।

यह SO पर कुछ बार पॉप अप हो गया है, और इसके बजाय Google मानचित्र API का उपयोग करने का एक आवर्ती सुझाव है।

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

0

लापता "एस" https में, यह सही कोड का उपयोग करने के लिए है:

<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

बीटीडब्ल्यू आप iwloc पैरामीटर को पास करने के लिए बदल सकते हैं ताकि आपको पता बबल न मिले, आपके पास बहुत छोटा नक्शा (180 x 250): & iwloc = A से & iwloc = URL में नजदीक है। इसके अलावा ... मैंने देखा कि मैंने इसे 180px के बजाय 150px चौड़ा बनाया है ... आप इसे भी बदल सकते हैं – luke

0

वहाँ Chrome में बग उस पल में दिखा एम्बेडेड नक्शे बंद हो जाएगा है। इसके आस-पास के रास्ते को एम्बेड करने के बजाए नक्शे एपीआई का उपयोग करना है। त्रुटि पर ध्यान न दें अधिक जानकारी के के लिए इस सवाल का और समाधान

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

संबंधित मुद्दे