时间戳

首页 > 解决方案 > 安装 SSL 证书后，JQuery 矢量地图停止工作。为什么？

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

标签： jqueryssljvectormap

解决方案

推荐阅读