谷歌地图 api3 不会在 Chrome 或 IE 中显示答案

【问题标题】：Google map api3 wont show in Chrome or IE谷歌地图 api3 不会在 Chrome 或 IE 中显示
【发布时间】：2012-09-26 04:27:30
【问题描述】：

我的页面中间有一个谷歌地图。如果我加载保存在桌面上的页面，它可以工作，但如果我从 Chrome 或 IE 的 Dropbox 加载，它就不行。它仅适用于 FireFox。谁能告诉我为什么？

https://dl.dropbox.com/u/32241044/Blue%20Wolf%20Coding/page.html

【问题讨论】：

标签： javascript firefox google-chrome maps

【解决方案1】：

在 Chrome 中查看开发者控制台，您将看到以下消息：

[blocked] The page at https://dl.dropbox.com/u/32241044/Blue%20Wolf%20Coding/page.html ran insecure content from http://maps.googleapis.com/maps/api/js?key=AIzaSyDoXopD-LqdzB0iH92fs09t_YDjyo9rX_4&sensor=true.

这意味着 Dropbox 阻止了 Google Maps API 的加载。当您在本地运行页面时，您使用 HTTP URL 访问它，但 Dropbox 上有 SSL。更改您对 Google Maps API 的包含以包含 HTTPS 版本：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=true"></script>

【讨论】：

【解决方案2】：

您需要像这样使用协议相对路径：

<link rel="stylesheet" href="//example.com/style.css">
<script src="//example.com/script.js"></script>

检查这个答案：

How to Include CSS and JS files via HTTPS when needed?

【讨论】：