谷歌地图iframe提供" XMLHttpRequest无法加载"

时间:2015-06-25 08:34:00

标签: google-maps iframe xmlhttprequest cors

使用iframe显示客户端已设置的Google地图时,我会继续

  

" XMLHttpRequest无法加载   https://accounts.google.com/ServiceLogin?service=mymaps&passive=1209600&continue=https://www.google.com/maps/d/gen204?a%3D58%26width%3D525%26height%3D295%26s%3D7&followup=https://www.google.com/maps/d/gen204?a%3D58%26width%3D525%26height%3D295%26s%3D7。 No' Access-Control-Allow-Origin'标头出现在请求的资源上。起源' https://www.google.com'因此现在允许访问。

我知道在访问json对象时使用JSONP,但据我所知,这并不是我想要做的事情。

iframe的代码只是:

<iframe src="https://www.google.com/maps/d/embed?mid=CLIENTS_IDmsa=0&ie=UTF8&t=h&z=11&output=embed"></iframe>

我是否可能需要某种键才能使用此地图?

显示地图,但我想摆脱控制台中的错误。

任何指针?

1 个答案:

答案 0 :(得分:1)

The url you provided: https://www.google.com/maps/d/embed?mid=CLIENTS_IDmsa=0&ie=UTF8&t=h&z=11&output=embed does not work for the public. A working iframe src would be something like this: <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2624.9983685732213!2d2.29432085!3d48.85824149999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2964e34e2d%3A0x8ddca9ee380ef7e0!2sgoogle+map+paris+eiffel+tower!5e0!3m2!1sfr!2sbe!4v1387990714927" width="800" height="600" frameborder="0" style="border:0"></iframe> And a working jsfiddle example And here's a documentation for on google map iframe. Enjoy!!