Jvectormap在AJAX加载中清除地图中的先前数据答案

【问题标题】：Jvectormap clear previous data from map in AJAX loadJvectormap在AJAX加载中清除地图中的先前数据
【发布时间】：2019-02-02 11:27:22
【问题描述】：

我正在使用 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);

【问题讨论】：

任何人，有什么提示吗？

标签： javascript jquery jqvmap

【解决方案1】：

我找到了解决方案，在每个 setvalue 上，我清空 div 中的 html 并将 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);

【讨论】：