解决谷歌地图嵌入到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的说法，尝试之成功了，因此遇到问题官方文档永远是首选。

---

版权声明：自由转载-非商用-非衍生-保持署名