Google地图api3不会显示在Chrome浏览器或IE中

Question

我有我的网页，其中有谷歌地图。它工作，如果我加载保存在我的桌面上的页面，但不是如果我从我的Dropbox的Chrome或IE加载。它只适用于FireFox。谁能告诉我为什么？

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

Answer 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的阻止加载谷歌地图API。当你在本地运行页面时，你使用HTTP URL访问页面，但Dropbox上有SSL。更改包括谷歌地图API的包括HTTPS版本：

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

Answer 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?