Google 地图 - 资源被解释为脚本，但使用 MIME 类型图像/png 传输答案

【问题标题】：Google Maps - Resource interpreted as Script but transferred with MIME type image/pngGoogle 地图 - 资源被解释为脚本，但使用 MIME 类型图像/png 传输
【发布时间】：2014-10-19 10:59:11
【问题描述】：

我做了一些研究，但找不到专门针对 Google Maps V3 Javascript API 的帖子，所以我发布了一个新问题。如果有更合适的地方回答这个问题，请告诉我。

我的问题：

什么都没碰，我的网站使用 Google Maps V3 Javascript API，开始给我这个错误：

Resource interpreted as Script but transferred with MIME type image/png

Refused to execute script from 'http://mt1.googleapis.com/vt?pb=!1m4!1m3!1i15!2i9148!3i11958!1m4!1m3!1i15!2…2m1!1e47!12m3!1e37!2m1!1ssmartmaps!4e3&callback=_xdc_._63mj9u&token=110320' because its MIME type ('image/png') is not executable, and strict MIME type checking is enabled.

我开始在 Chrome 的 javascript 控制台中完全出乎意料地得到这个。这可能与对 Google 地图的请求过多有关吗？我在地图页面上进行了一些修改并经常刷新，但从未接触过任何处理地图或其图块呈现方式的工作脚本 - 所以我很困惑。

有没有人遇到过这个问题和/或知道解决方案？

更新正如下面评论中所暗示的，这不是一个“可忽略的”问题，因为它会影响地图图块的渲染方式。如this post 所述，其他人也开始遇到此类问题。这也是一个影响我在其他网站 (example) 上启动的其他地图的问题。

【问题讨论】：

我很乐意，但该错误似乎影响了地图图块的呈现方式。某些图块以比其他图块更高的缩放级别呈现，这使得地图看起来非常奇怪。
issue on the Google Maps issue tracker

标签： javascript google-maps google-chrome google-maps-api-3 mime-types

【解决方案1】：

我在谷歌地图中打开了一个问题，我得到了答案：

这个api使用htttp协议的地址有问题。替换为可行的 https。

例如：'https://maps.googleapis.com/maps/api/js?v=3'

【讨论】：

【解决方案2】：

基本上，您可能会认为这是一个必须在 API 中修复的错误，而不是在客户端。

你可以尝试和应该做什么：

在生产中，您应该始终加载 API 的发布版本。

当前您尝试加载不再可用的 API 版本 3.9.2。

而是加载了实验版本。

目前文档说 3.17 是实验性的，3.16 是发布版本，但我认为这不正确（尚未更新）。

在控制台内运行：

alert(window.google.maps.version)

...你会看到加载了什么

似乎有更新，3.17 是发布版，3.18 是实验版（我猜新的 3.18 是问题的根源）

有关控制版本和获取最新稳定版本的更多信息，请参阅：https://developers.google.com/maps/documentation/javascript/versions

【讨论】：

感谢您的回复，@Dr.Molle。我按照您在其他网站上的建议进行了更改，但同样的问题仍然存在 - 一些地图图块仍然加载不正确。我也尝试使用 3.16，但这并没有什么区别。希望 Google 早日赶上。
更新使用 V3.16 时，我不再在控制台中收到原始错误消息，但某些地图图块仍无法正确呈现。使用 3.17+ 时，我只收到 mime 类型错误。看起来这是两个不同的问题。但是您的答案确实解决了问题的第一部分。