Question

我正在使用jvectormap，我注意到地图数据实际上是在每次调用时累积的。例如，如果西班牙有1个，而下次装载时有1个来自意大利，则在第二次装载时显示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

我找到了解决方案，我在每个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);

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

1 个答案: