我安装SSL证书后，JQuery Vector Map停止工作。为什么？

Question

以下是index.html中Vector World Map的代码：

<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可使地图起作用。在页面上显示任何其他统计信息都没有问题。