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?