cmoreira

working imap js example

Aug 3rd, 2018
146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script type='text/javascript' src='https://www.gstatic.com/charts/loader.js'></script>
  2. <script type='text/javascript' src='https://www.google.com/jsapi'></script>
  3. <script type='text/javascript'>google.charts.load('42', {'packages':['geochart']});
  4. google.charts.setOnLoadCallback(drawVisualization);
  5.  
  6.   function drawVisualization() {var data = new google.visualization.DataTable();
  7.  
  8.  data.addColumn('string', 'Country');
  9.  data.addColumn('number', 'Value');
  10.  data.addColumn({type:'string', role:'tooltip', p:{html:true}});var ivalue = new Array();
  11.  
  12.  data.addRows([[{v:'US',f:'United States'},0,'Click to open new page']]);
  13.  ivalue['US'] = 'http://www.facebook.com';
  14.  
  15.  var options = {
  16.  backgroundColor: {fill:'#FFFFFF',stroke:'#CCCCCC' ,strokeWidth:0 },
  17.  colorAxis:  {minValue: 0, maxValue: 0,  colors: ['#6699CC']},
  18.  legend: 'none',   
  19.  datalessRegionColor: '#EAF5E6',
  20.  displayMode: 'regions',
  21.  enableRegionInteractivity: 'true',
  22.  resolution: 'countries',
  23.  sizeAxis: {minValue: 1, maxValue:1,minSize:8,  maxSize: 8},
  24.  region:'world',
  25.  keepAspectRatio: true,
  26.  width:null,
  27.  height:null,
  28.  tooltip: {textStyle: {color: '#444444'}, trigger:'focus', isHtml: true}   
  29.  };
  30.   var chart = new google.visualization.GeoChart(document.getElementById('map_1533308369228'));
  31.   google.visualization.events.addListener(chart, 'select', function() {
  32.   var selection = chart.getSelection();
  33.   if (selection.length == 1) {
  34.   var selectedRow = selection[0].row;
  35.   var selectedRegion = data.getValue(selectedRow, 0);
  36.   if(ivalue[selectedRegion] != '') { window.open(ivalue[selectedRegion]);  }
  37.   }
  38.   });
  39.  chart.draw(data, options);
  40.  }
  41.  window.onresize = function(event) {
  42.      drawVisualization();
  43.  };
  44.  </script>
  45.  <div id='map_1533308369228'></div>
Advertisement
Add Comment
Please, Sign In to add comment