本人调用了百度地图的API接口，在本地可以测试成功

我已经调用了百度地图的API接口。我可以在本地成功测试它，但它失败了。到底是怎么回事？我将页面上传到 -pages 并显示它。设置中去掉保护后Chrome显示“与此网站连接不安全”，怎么解决？，可以正常显示，但是不能显示。控制台信息如下：

4 混合：'' 处的页面通过 HTTPSChrome显示“与此网站连接不安全”，怎么解决？，但是 '...&=23.,113.&=json&pois=1&_=86'。这是;必须通过 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;
       
       
       
        
});

如何修复它才能正常显示。