来源:网站建设观点 - 远策科技 | 2021-11-05
网站升级成https后,由于在线生成的百度地图代码不支持https 会导致网站页面中地图部分显示空白或者不显示标注。今天远策科技分享一下让百度地图api支持https的方法。
首先修改百度地图js调用代码
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&s=1"></script>
改成:
<script type="text/javascript" src="https://api.map.baidu.com/api?key=&v=1.1&s=1"></script>
会发现虽然地图显示 却是一个静态的页面,没有功能,标注也没有显示。
通过下面两步可以让百度地图api支持https
在页面加入 <script type="text/javascript">window.HOST_TYPE='2'</script>
引入百度api,注意密钥及在url中添加参数s=1 <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=您的密钥&s=1"></script>
秘钥需要到百度地图开放平台去获取:
http://lbsyun.baidu.com/apiconsole/key
完成这两步百度地图就可以支持https了。