javascript - Jvectormap highlight Multiple countries -

-

i using jvectormap , trying highlight multiple countries when hovering on text, have gotten point if hover on word africa, highlight entire map, how filter highlight africa when hovering on content name of africa.

currently creating list of continents using jquery.each , returning continentcodes, contains of country codes (za, us) color assigned them... have tried doing following:

jquery('.continentlink').hover(function() {  jquery.each(mapobject.mapdata.paths, function(i, val) {   if (val.continent == "africa"){    continentcodes[i] = "#3e9d01";    mapobject.series.regions[0].setvalues(continentcodes);   }  }); });

but repeating each statement , can not dynamic continents.

here jsfiddle

so heres js:

jquery(function(){ //json markers var markers = [{latlng: [-34.033333300000000000, 23.066666700000040000], name: 'knysna', info:'its got lake...'},     {latlng: [-33.924868500000000000, 18.424055299999963000], name: 'cape town', info:'its nice...'}]; //json markers    //json styling var markerstyle = {initial: {fill: '#f8e23b',stroke: '#383f47'}}; var regionstyling = {initial: {fill: '#128da7'},hover: {fill: "#a0d1dc"}}; //json styling  //global variables var countrylist = "", continentlist = ""; var continentcodes = {}; //global variables  //init map plugin jquery('#world-map').vectormap({     map: 'world_mill_en',     normalizefunction: 'polynomial',     markerstyle:markerstyle,     regionstyle:regionstyling,     backgroundcolor: '#383f47',     series: {regions: [{values: {},attribute: 'fill'}]},     markers: markers,     onregionclick:function (event, code){         jquery('#world-map').vectormap('set', 'focus', code);     },     onmarkerclick: function(events, index){         jquery('#infobox').html(markers[index].name);     } }); //init map plugin  var mapobject  = jquery('#world-map').vectormap('get', 'mapobject');  //list countries & continents function createlist() {      //get list     jquery.each(mapobject.mapdata.paths, function(i, val) {         countrylist += '<li><a id='+i+' class="countrylink">'+val.name+'</a></li>';         continentlist += '<li><a id='+val.continent+' class="continentlink">'+val.continent+'</a></li>';          continentcodes[i] = "#3e9d01";         return continentcodes;     });     //display continents     jquery('#continentlist').html(continentlist);      //display countries     jquery('#countrylist').html(countrylist);      //create hover function     jquery('.continentlink').hover(function() {         mapobject.series.regions[0].setvalues(continentcodes);         console.log(continentcodes);     });      //create zoom function     jquery('.countrylink').click(function(e) {         jquery('#world-map').vectormap('set', 'focus', this.id);     }); }  createlist(); });

and html:

  <div id="world-map" style="width: 960px; height: 400px"></div>     <div id="infobox"></div>         <ul id="continentlist"></ul>         <ul id="countrylist"></ul>

i have restructured code, please see jsfiddle , here corrected javascript:

jquery(function(){ //json markers var markers = [{latlng: [-34.033333300000000000, 23.066666700000040000], name: 'knysna', info:'its got lake...'},     {latlng: [-33.924868500000000000, 18.424055299999963000], name: 'cape town', info:'its nice...'}]; //json markers    //json styling var markerstyle = {initial: {fill: '#f8e23b',stroke: '#383f47'}}; var regionstyling = {initial: {fill: '#128da7'},hover: {fill: "#a0d1dc"}}; //json styling  //global variables var countrylist = "", continentlist = ""; var resultsdup = {}; var continentcodes = {}; //global variables  //init map plugin jquery('#world-map').vectormap({     map: 'world_mill_en',     normalizefunction: 'polynomial',     markerstyle:markerstyle,     regionstyle:regionstyling,     backgroundcolor: '#383f47',     series: {regions: [{values: {},attribute: 'fill'}]},     markers: markers,     onregionclick:function (event, code){         jquery('#world-map').vectormap('set', 'focus', code);     },     onmarkerclick: function(events, index){         jquery('#infobox').html(markers[index].name);     } }); //init map plugin  var mapobject  = jquery('#world-map').vectormap('get', 'mapobject');  //list countries & continents jquery.each(mapobject.mapdata.paths, function(i, val) {      countrylist += '<li><a id='+i+' class="countrylink">'+val.name+'</a></li>';      //remove duplicate continents     var resultslist = val.continent;     if (resultsdup[resultslist]) {         jquery(this).remove();     }else{         resultsdup[resultslist] = true;         continentlist += '<li><a id='+val.continent+' class="continentlink">'+val.continent+'</a></li>';     }     //remove duplicate continents   }); //display countries jquery('#countrylist').html(countrylist);  //display continents jquery('#continentlist').html(continentlist);  var continentid ="" function getid(continentid){     jquery.each(mapobject.mapdata.paths, function(i, val) {             if (val.continent == continentid){                 continentcodes[i] = "#3e9d01";                 mapobject.series.regions[0].setvalues(continentcodes);             }     }); }  function removegetid(continentid){     jquery.each(mapobject.mapdata.paths, function(i, val) {             if (val.continent == continentid){                 continentcodes[i] = "#128da7";                 mapobject.series.regions[0].setvalues(continentcodes);             }     }); }  //list countries & continents temp jquery('.continentlink').hover(function(e) {     continentid = this.id;     getid(continentid); }, function(){     removegetid(continentid); });  //zoom country function jquery('.countrylink').click(function(e) {     jquery('#world-map').vectormap('set', 'focus', this.id); });  //continent hover function  });

enjoy :d


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

-
i've encountered simple, yet fundamental problem on calculating snr: there several signals : s1 = original , pure clean signal without noise. n1 = white gaussian noise going added s1. s2 = s1 + n1 (the noisy signal before performing noise-reduction algorithm) s3 = noise-reduced signal (after performing noise reduction algorithm) n2 = s3 - s1 (the amount of noise after performing noise-reduction algorithm) now want compare snr before , after performing noise-reduction algorithm. which signals should consider snr_before!? s1/n1 or s2/n1 ? which signals should consider snr_after!? s3/n1 or s3/n2 ? which commands or functions should use in matlab in order compute snr_before , snr_after? thanks billion putting time on helping me. what know calculating snr before : snrbeforenoise = mean( signal .^ 2 ) / mean( noise .^ 2 ); and snr after : residual_noise = signal - noise_reduced_signal; snr_after = mean( signal .^ 2 ) / mean( residual_noise .^ 2...
Read more

java - How to create Table using Apache PDFBox -

-
java - How to create Table using Apache PDFBox - we planning migrate our pdf generation utilities itext pdfbox (due licensing issues in itext). effort, able write , position text, draw lines etc. creating tables text embedded in table cells challenge, went through documentation, examples, google, stackoverflow couldn't find thing. wondering if pdfbox provides native back upwards creating tables embedded text. lastly resort utilize link https://github.com/eduardohl/paginated-pdfbox-table-sample thanks links provided tilman. using boxable api ( https://github.com/dhorions/boxable ) able create table wanted to. fyi wanted create table variable number of cells. illustration row 1 have 2 cells, row 2 have 5 cells , row 3 have 3 cells. able ease. followed example1.java in link mentioned above. java pdf pdfbox
Read more

mpi - Why is MPI_Bsend not returning error even when the buffer is insufficient to accommodate all the messages -

-
i trying implement logical ring mpi; every process receives message process id 1 less of current process , forwards next process in cyclic fashion. aim traffic buffer such loses messages or maybe puts them in out of order. cycle of communication finish when message dispatched root node comes again root. here code have tried: including relevant parts of it. if(procid!=root) { sleep(100); while(1) { tm = mpi_wtime(); mpi_irecv( &message, str_len, mpi_char, ((procid-1)>=0?(procid-1):(numproc-1)),return_data_tag, mpi_comm_world,&receiverequest); mpi_wait(&receiverequest,&status); printf("%d: received\n",procid); if(!strncmp(message,"stop",4)&&(procid==(numproc-1))) break; mpi_ssend( message, str_len, mpi_char, (procid+1)%numproc, send_data_tag, mpi_comm_world); if(!strncmp(message,"stop",4)) ...
Read more