使用百度的地图生成器部署到https域名

最近上线一款项目,前端项目中使用到百度的地图用来显示公司地址,用了百度的地图生成器。地址链接: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可以了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值