Jvectormap очистить предыдущие данные с карты в AJAX загрузить

Question

Я использую jvectormap и заметил, что данные карты фактически накапливаются при каждом вызове. Например, если было 1 из Испании, и при следующей загрузке есть 1 из Италии, на 2-й карте загрузке показывается 1 Испания и 1 Италия и так далее.

var singlemap = $('#singleMap').vectorMap({
    map: 'world_en',
    backgroundColor: null,
    color: '#eaeaea',
    hoverOpacity: 0.7,
    //selectedColor: '#666666',
    enableZoom: false,
    showTooltip: true,
    values: {

    },
    scaleColors: ['#6FC6EA', '#0A4D70'],
    normalizeFunction: 'polynomial'
});

Я использую setValues, как показано ниже для перезагрузки данных, как я могу очистить данные с карты перед отображением новых?

singlemap.setValues(mapstringJSON);

Answer 1

Я нашел решение, при каждом значении set я очищаю HTML в div и устанавливаю singlemap в null, а затем снова инициализирую карту перед установкой значений.

$('#singleMap').empty();
singlemap = null;
singlemap = $('#singleMap').vectorMap({
  map: 'world_en',
  backgroundColor: null,
  color: '#eaeaea',
  hoverOpacity: 0.7,
  enableZoom: false,
  showTooltip: true,
  values: {},
  scaleColors: ['#6FC6EA', '#0A4D70'],
  normalizeFunction: 'polynomial'
});
singlemap.setValues(mapstringJSON);