google-maps - Google map 无法在 https ://中工作

Question

我在 http 上使用谷歌地图，它工作得很好。但是当我在上面安装 ssl 证书时，它停止工作了。它给我错误

Mixed Content: The page at 'https://url' was loaded over HTTPS, but requested an insecure script 'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js?_=1***************'. This request has been blocked; the content must be served over HTTPS.

Answer 1

更新:2016 年 5 月 12 日，Google 停用了此库的 google-maps-utility-library-v3.googlecode.com 源。然而，since Google moved the source over to GitHub a while back ，请考虑本文末尾介绍的 GitHub 详细信息，特别是关于直接在项目中包含脚本和资源的最后说明

除了更改您的脚本包含 url 之外:

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js

到:

https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js

在按照以下几行实例化 MarkerClusterer 时，您还需要指定 imagePath 选项:

var mc = new MarkerClusterer(map, markers, { 
    imagePath: 'https://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m' 
});

这将避免以下警告，该警告涵盖与您突出显示的脚本错误相同的理由:

Mixed Content: The page at 'https://url' was loaded over HTTPS, but requested an insecure image 'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png'. This content should also be served over HTTPS.

发生这种情况的原因是，默认情况下，MarkerClusterer 库使用以下非 https 设置作为其集群图像(m1.png、m2.png 等)的根目录:

MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_PATH_ =
    'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/' +
    'images/m'

虽然我们前段时间遇到过这个问题，但它似乎已在响应图书馆 GitHub 存储库上的以下拉取请求时得到解决:

Changed HTTP to HTTPS in image link

这GitHub version可以从RawGit访问通过使用以下脚本 url:

https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/src/markerclusterer.js

和以下 imagePath 可用于访问 GitHub 图像:

var mc = new MarkerClusterer(map, markers, { 
    imagePath: 'https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/images/m' 
});

虽然上面的 url(带有 cdn 前缀)有 no traffic limits or throttling and the files are served via a super fast global CDN ，请记住RawGit is a free hosting service and offers no uptime or support guarantees .

这在以下 SO 回答中有更详细的介绍:

Link and execute external JavaScript file hosted on GitHub

这篇文章还介绍了，如果您要链接到 GitHub 上的文件，在生产环境中您应该考虑以特定的发布标签为目标，以确保您获得所需的脚本发布版本。

但是，由于 js-marker-clusterer 存储库的保管人尚未创建任何版本，因此目前这是不可能的。

因此，您应该认真考虑下载该库及其资源并将其直接包含在您的项目中以用于生产目的。