javascript - 调用百度地图api,chrome显示连接不安全,请求被禁止,需要https,怎样解决
PHP中文网
PHP中文网 2017-04-11 13:01:33
[JavaScript讨论组]

本人调用了百度地图的API接口,在Firefox本地可以测试成功,而chrome失败,怎么回事,而将页面上传到github-pages中显示,在firefox设置解除保护,可以正常显示,但在chrome却不能显示,控制台信息如下:

4 Mixed Content: The page at 'https://lchreal6.github.io/fc...' was loaded over HTTPS, but requested an insecure script 'http://api.map.baidu.com/geoc...…3338585&location=23.0444612,113.3882067&output=json&pois=1&_=1474943338586'. This request has been blocked; the content must be served over HTTPS.

调用接口代码如下

$.getJSON('http://api.map.baidu.com/geocoder/v2/?ak=0FuoX30MFf7YMrdS5Wi9GGAcHBblKDuu&callback=?&location='+latitude+','+longitude+'&output=json&pois=1', function(res){
       
        $("#location").html(res.result.addressComponent.city);
        yourCurCity = res.result.addressComponent.city;
       
       
       
        

});

该怎样解决才能在chrome上正常显示。

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
伊谢尔伦

目测问题应该是你自己的网站是https协议,而请求的目标接口是http协议,所以会出现这个问题。

哈哈,打个广告,我自己写了个天气接口,不过只能查询国内的(https协议,支持GET/POST):
点我查询北京的天气

具体用法看这里-wiki

迷茫

你自己的页面所放的服务器应该是https的,这样你里面的请求也得是https的。
百度地图的话,你可以直接把http换成https,然后后面加上s=1。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号