解決谷歌地圖嵌入到https的網站引起的Mixed content問題

解決谷歌地圖嵌入到https的網站引起的Mixed content問題

做者：吳業飛 時間：2018.10.23

---

背景

在工做中遇到須要在頁面裏嵌入谷歌地圖的需求，個人作法是在谷歌地圖中搜索出地名，而後點擊分享-嵌入代碼，將代碼粘貼在頁面上。這樣有個問題，分享的代碼是http的，而網站是https的，會引起Mixed content報錯，地圖加載不出來。

解決方案

換用調用谷歌地圖Api的方式

這樣獲得的連接是https的，可是調用Api須要註冊一個結算帳戶，要信用卡，我暫時沒有信用卡，故尋找其餘方法。

作點小改動

將分享獲得的嵌入代碼改爲https的，同時將.cn改爲.com就能夠了！

總結

按照網上的方法，思路無非是要麼將全部內容都換成https的，要麼換成http的，我一開始只將分享代碼改爲https的沒有用，後來仔細閱讀谷歌地圖Api的文檔，發現了將.cn改爲.com的說法，嘗試之成功了，因此遇到問題官方文檔永遠是首選。

---

版權聲明：自由轉載-非商用-非衍生-保持署名