javascript - Google Maps Remote .js 和 Access-Control-Allow-Origin

标签 javascript google-maps

我用 JS 编写了一个 Google Maps API 包装器,用静态 html 做了一些本地测试,一切正常。然后我将文件加载到在 localhost:8080 中运行的本地 Web 服务器,测试 map 面板,再次,一切正常。

一周过去了,我在页面上添加了一张 map ,但我无法加载它。一切都没有改变(无论如何我都知道,显然有些东西已经改变),静态测试继续正常工作,但是当我尝试从服务器加载 API 时,我在调试控制台中得到了这个:

XMLHttpRequest cannot load http://maps.google.com/maps/api/js?sensor=false.
Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin.

我阅读了一些内容,但仍然无法理解错误,更不用说修复它了。有人可以帮帮我吗?

编辑:我使用一个简单的标签来加载google的js。没有 jQuery,什么都没有。

提前致谢!

最佳答案

@Santiago 希望我现在可以帮助您 :) 您收到的错误是由于 Google 禁止跨站点脚本。您可以在这里找到信息:Google其中还引用了:Wikipedia Article 看起来您需要在面向公众的网络服务器上为您的客户端创建代理服务。由于请求来自您的公共(public)网络服务器并且回复返回到您的网络服务器,因此它将满足 Google 要求的相同域要求。我对 python 的了解还不足以创建 pythonic cgi 代理,但我不得不认为已经有许多不同的解决方案。此外,您将受限于您的服务器所采用的解决方案类型。

喂! ~水利部

关于javascript - Google Maps Remote .js 和 Access-Control-Allow-Origin,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3896295/

相关文章:

javascript - 如何在href之前触发onClick

javascript - 如何读取以 "#key"键控的 json 对象的值?

html - 正确使用 Google map 的 ARIA 角色

javascript - Google Maps JS API - 如何使用 fitBounds 进行响应式 map ?

ios - 多个标记Google Map iOS SDK

android - map 标记标题在 Google map V2 上不显示全文

javascript - 当 session 结束时,如何处理注销打开多个选项卡的用户?

javascript - 填写数据以控制另一页上的成功响应

javascript - 使用 Ember.js 时的模型代码重复

javascript - 获取 address_components 的 place_id