Google maps api 3 google地图-跨源请求被阻止：同一源策略不允许读取远程资源

我正在使用谷歌地图api，在页面上我有这个

<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">

apache的headers mod已启用，我设置了其他headers，这是正常的。Im使用XAMPP1.7.4。 我也不想将css文件和/或字体移动到我的本地文件中，因为谷歌可能会在未来进行更改

qsn1:如何处理此错误

qsn2:为什么只显示那些字体文件的错误？因为，例如，我有谷歌地图api的脚本也包括在内，这是没有问题的

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>

---

谢谢

当我在Firefox上使用HTTPS页面时，当我通过HTTPS连接从fonts.googleapis.com加载样式表时，我就遇到了这种情况。在我的例子中，我使用了“协议相对链接”，即“//fonts.googleapis.com/”而不是“”，无论如何，发生了与您描述的相同的情况。特别是，样式表通过HTTPS连接正确加载，但是样式表中引用的一些WOFF文件没有加载，因为它们被Firefox阻止，控制台中出现CORS警告

我去修复了一些其他不相关的问题，其中一些其他脚本加载不正确（已设置为通过HTTP而不是HTTPS加载一个脚本）。修正了这个问题然后我注意到Google字体的问题突然被修正了。不确定这是否是共同发生的

---

我的建议：首先确保浏览器中报告的所有其他问题/警告/错误都已修复，然后再查看此问题是否再次发生。如果做不到这一点，我会责怪谷歌的服务器配置问题，或者我们自己的服务器上的服务器配置问题：）

你在使用嗅探工具吗？我在使用Fiddler2检查网络通信时遇到此错误。如果运行该工具，请尝试不使用该工具。

我也会遇到同样的错误。我在一个项目的3个不同页面上有谷歌地图，奇怪的是，它只发生在其中一个页面上。这可能会帮助我找到问题所在。我将进行调查，希望能得到一个答案。@Sharky，谢谢你的评论，我在多个页面上也有谷歌地图，不过在我的例子中，我看到了所有页面上的错误。谢谢几个月后，这件事有时还会发生。我将这归咎于某种竞争状况，我将进一步调查。对我来说，我在Windows上使用Firefox，在浏览网络选项卡、删除其中的所有历史记录，然后进行硬刷新后，它终于开始工作了。

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>