安装SSL证书后,JQuery矢量映射停止工作。为什么?

以下是中矢量世界地图的代码 index.html :

<div class="card">
    <div class="card-header">
        <h4>World Traffic Frequency</h4>
    </div>
    <div class="Vector-map-js">
        <div id="vmap" class="vmap" style="height: 500px;"></div>
    </div>
</div>

我使用下面的代码 analytics.js

jQuery('#vmap').vectorMap({
        map: 'world_en',
        backgroundColor: null,
        color: '#ffffff',
        hoverOpacity: 0.7,
        selectedColor: '#1de9b6',
        enableZoom: true,
        showTooltip: true,
        values: map_data,
        scaleColors: ['#1de9b6', '#03a9f5'],
        normalizeFunction: 'polynomial'
    });

哪里

var map_data = {"us": "778","nl": "1","in": "230","ie": "1","ca": "60","gb": "39","de": "73",......};

我没有使用http来获取资源,所以我无法定位哪里出了问题。

<script defer src="js/jquery.vmap.min.js"></script>
<script defer src="js/jquery.vmap.sampledata.js"></script>
<script defer src="js/jquery.vmap.world.js"></script>

就在我安装SSL证书之前,映射运行良好。删除SSL使映射生效。在页面上显示任何其他统计数据都没有问题。