iframe के अंदर Google मानचित्र

Question

लोड नहीं हो रहा है, मैं एक अजीब समस्या में भाग गया, और मुझे नहीं पता कि समस्या क्या है। निम्नलिखित jQuery कोड मैं क्या हासिल करना चाहते का एक सरलीकृत संस्करण है:

var iframe = $('<iframe />'); 
iframe.prop('src', 'https://maps.google.com/maps?q=London&hl=en&sll=37.0625,-95.677068&sspn=46.677964,93.076172&t=h&hnear=London,+United+Kingdom&z=10'); 
iframe.appendTo($('body')); 

// When the iframe loads: 
iframe.load(function() { 
    alert(1); 
}); 

मानचित्र को लोड नहीं किया जाता और load() घटना शुरू हो रहा कभी नहीं किया गया है।

Refused to display 'https://maps.google.com/maps?q=London&hl=en&sll=37.0625,-95.677068&sspn=46.677964,93.076172&t=h&hnear=London,+United+Kingdom&z=10' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

कैसे एक बाईपास इस: क्रोम निम्न त्रुटि रिपोर्ट?

यहां एक jsFiddle demo है।

Answer 1

यूआरएल के अंत में &output=embed जोड़ना समस्या को हल करता है।

Answer 2

सुनिश्चित करें कि आप एपीआई स्थानों के अलावा Google मानचित्र एम्बेड एपीआई सक्षम करें।

तुम यहाँ से नक्शा उत्पन्न करें:

https://developers.google.com/maps/documentation/embed/start

Answer 3

2014 के रूप में, विकल्प &output=embed अब और काम नहीं करता। Google आपको Google मानचित्र एम्बेड एपीआई पर स्विच करने का सुझाव देता है। यहां एक Quick Start है।

असल में, नई iframe लिंक है:

https://www.google.com/maps/embed/v1/place?key={BROWSER_KEY}&q={YOUR_ADDRESS_ENCODED} 

API कंसोल में गूगल मैप्स एम्बेड एपीआई सक्षम करने के लिए याद रखें।

पेज। इस समय काम कर चेक किया था मैं इस सवाल का जवाब

नहीं