最近上线一款项目,前端项目中使用到百度的地图用来显示公司地址,用了百度的地图生成器。地址链接:http://api.map.baidu.com/lbsapi/creatmap/index.html。
生成器很好用,直接把代码包拷到本地js中绑定一个div直接可以显示,部署在本地没问题,但是问题来了,扔到服务器上出了问题,就是说https不允许访问http的,因为生成器代码里需要引入百度的api,
然后把百度的http换成https也报错,在head头部中加上
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
还是不行,
后来看了一个博客:https://blog.csdn.net/weng_xianhu/article/details/82999656
就是说把地址换成
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的ak&s=1"></script>
其中的ak需要去百度地图官网获取,地址是http://lbsyun.baidu.com/apiconsole/key,在这上面设置一下允许调用的域名,我当然写的自己公司的域名,然后本地肯定不行,因为没允许,扔到服务器上,ok可以了。