javascript - 谷歌地图 - 资源解释为脚本但使用 MIME 类型图像/png 传输

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

我做了一些研究,但找不到专门针对 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 map 的请求过多有关吗?我在 map 页面上做了一些修补并经常刷新,但从未接触过任何处理 map 或其图 block 呈现方式的工作脚本 - 所以我很困惑。

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

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

最佳答案

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

这个api使用http协议(protocol)的地址有问题。替换为 https 即可。

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

关于javascript - 谷歌地图 - 资源解释为脚本但使用 MIME 类型图像/png 传输,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25500381/

相关文章:

java - 允许用户输入地址android

php - 使用google api获取两个位置之间的距离

javascript - 找到 3 个点的所有共线

google-maps - 包含 2 个以上元素的 Google map 距离矩阵返回 OVER_QUERY_LIMIT

javascript - JavaScript promises中的执行顺序是什么?

selenium - 使用 Selenium WebDriver 从 PortableApps 运行 Chrome 失败

google-chrome - 在 Chrome DevTools Canary 中找不到 "Override requests with workspace project"

javascript - 如何在 Chrome 中启用多于 2 个手指的支持?

javascript - 悬停在不同元素上时触发 Anchor::after Pseudo Content

javascript - 使用flowtype静态检查mocha测试代码