在 jvectorMap 中，选择区域时固定标签

Question

我在使用 js 矢量地图时遇到问题，国家名称的标签在选择国家后不会从屏幕上消失。

我不确定这是最好的方法，也许有更好的方法？

您可以在这里找到代码：http://jsfiddle.net/RumbosN/bdsywqh7/#&togetherjs=oICF1kJmLP 1234

Answer 1

你应该改变：

 onRegionSelected : function(e,code,isSelected,selectedRegions){
  var object = $('#paises');
  var color;

  if(countryData[code]){
    //quitamos el elemento de los span
    $('#'+code).remove();
    delete countryData[code];
  }
  else{
    object.append('<span id="'+code+'"> '+code+'</span>');
    color = colors[Math.floor(Math.random()*colors.length)]
    countryData[code] = color;
  };
  create_map();

至：

onRegionSelected : function(e,code,isSelected,selectedRegions){
  var object = $('#paises');
  var color;

  if(countryData[code]){
    //quitamos el elemento de los span
    $('#'+code).remove();
    delete countryData[code];
  }
  else{
    object.append('<span id="'+code+'"> '+code+'</span>');
    color = colors[Math.floor(Math.random()*colors.length)]
    countryData[code] = color;
  };

  current_tips = $('.jvectormap-tip:visible')
  current_tips.remove()

  create_map();  
}

}); }

在 jvectorMap 中，选择区域时固定标签

in jvectorMap, fixed labels when selected a region

javascript

jquery

jvectormap