2017-01-30 3 views
0

I verwendet jvector Kartejvector Kartenset Farbe für ausgewählte Region zu Region klicken

var colorData = { 
"1" : "#fcadb2", 
"2" : "#0071A4", 
"3" : "#C8EEFF", 
"4" : "#0071A4", 
"5" : "#C8EEFF", 
"6" : "#0071A4" 

}

$.getJSON ("<?php echo get_template_directory_uri(); ?>/map_data.php?id="+id+"",{},function(mapa){ 
    var dataC = eval(mapa); 
    var countryData = []; 
    //for each country, set the code and value 
    $.each(dataC.countries, function() { 
     countryData[this.ccode] = this.visits; 
    }); 
    //World map by jvectormap 
    $('#world-map').vectorMap({ 
     map: 'world_mill', 
     backgroundColor: "#fff", 
     regionStyle: { 
      initial: { 
       fill: '#e4e4e4', 
       "fill-opacity": 1, 
       stroke: 'none', 
       "stroke-width": 0, 
       "stroke-opacity": 1 
      } 
     }, 
     series: { 
      regions: [{ 
        values: countryData, 
        scale: colorData, //['#3E5E6B', '#A6BAC2'], 
        normalizeFunction: 'polynomial' 
       }] 
     }, 
     onRegionClick: function (event, code) { 
      //alert(code); 
      // highlight the countries 
      highlight_lang(code); 
     } 
    }); 


}); 



    function highlight_lang(code) { 

    var map = $('#world-map').vectorMap('get', 'mapObject'); 
    map.clearSelectedRegions(); 
    //clear the array values 
    map.series.regions[0].clear(); 
    map.setSelectedRegions([code]); 

} 

Auf Region Klick i die Funktion highlight_lang genannt. Durch Verwendung dieser anderen als die ausgewählten Regionen werden gelöscht. Standardmäßig ist die gelbe Farbe ausgefüllt, während Sie auf die Region klicken. Wie ändere ich die Farbe der ausgewählten Region?

bitte helfen Sie mir

Antwort

0

Im regionStyle Eigenschaft hinzufügen die ausgewählt Eigenschaft wie folgt:

regionStyle: { 
      initial: { 
       fill: '#e4e4e4', 
       "fill-opacity": 1, 
       stroke: 'none', 
       "stroke-width": 0, 
       "stroke-opacity": 1 
      }, 
      selected:{ 
       fill: "#2A3F52" 
} 

     }, 

Bitte lassen Sie mich wissen, ob es das Problem gelöst.