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

 

---

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