В jVectorMap, как выбрать регион ТОЛЬКО ЕСЛИ условие выполнено?

Question

Я использую jVectorMaps. По умолчанию, он не позволяет выбрать регионы КРОМЕ >>regionsSelected: true

Здесь не то, что я пытаюсь достичь:

Когда пользователь щелкает по области он/она получает побудил вопрос, взятый из загруженного JSON файл. Мне нужен цвет области для того чтобы изменить ТОЛЬКО в случае, если ответ на вопрос верен.

Мой код до сих пор:

$(function(){ 
    map = new jvm.Map({ 
    container: $('#map'), 
    map: 'world_mill_en',//map file 
    backgroundColor: ['#1E90FF'],//map background color  
    regionsSelectable:true,//this needs to be true to be able to select a region 

    onRegionClick: function(event, code){ 
     var map = $('#map').vectorMap('get', 'mapObject'); 
     var regionName = map.getRegionName(code); 
     $.getJSON('../countries.json', function(data) { 
     for (var i in data.country) { 
      if (data.country[i].name === regionName){ 
      var answer = prompt(data.country[i].question, "Type your answer here."); 
      if(data.country[i].answer === answer){ 
       alert("Correct!"); 
      }else{ 
       alert("Wrong. Try again."); 
      } 
      } 
     } 
     }); 
    }, 

    }); 
}); 

Я думаю, что я должен найти способ, чтобы динамически изменять значение свойства regionsSelectable после условие if(data.country[i].answer === answer) выполнено. Если это не так, значение свойства regionsSelectable должно оставаться false.

Я новичок, поэтому любая критика более чем приветствуется, я, вероятно, в любом случае отсюда! :)

Answer 1

Попробовать это ..

$(function(){ 
      map = new jvm.Map({ 
      container: $('#map'), 
      map: 'world_mill_en',//map file 
      backgroundColor: ['#1E90FF'],//map background color  
      regionsSelectable:true,//this needs to be true to be able to select a region 

      onRegionClick: function(event, code){ 
       var map = $('#map').vectorMap('get', 'mapObject'); 
       var regionName = map.getRegionName(code); 
       $.getJSON('../countries.json', function(data) { 
       for (var i in data.country) { 
        if (data.country[i].name === regionName){ 
        var answer = prompt(data.country[i].question, "Type your answer here."); 
        if(data.country[i].answer === answer){ 
         map.setSelectedRegions(code);; 
        }else{ 
        map.clearSelectedRegions(); 

        } 
        } 
       } 
       }); 
      }, 

      }); 
     });