Ниже приведен код для Vector World Map в 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>
И я использую следующий код в аналитике. 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 заставляет карту работать. Нет проблем с отображением любой другой статистики на странице.