JSFiddle - React, Tailwind, and code Playground
by Osvaldo
HTML
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script>
google.charts.load('current', {
'packages': ['geochart'],
// Note: you will need to get a mapsApiKey for your project.
// See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
'mapsApiKey': 'AIzaSyBiy7JuMr1LFrecAu8SORp9Wt2vYM8A3D8',
'language': 'es'
});
</script>
<div id="geo_2" style="width: 100%; height: auto; margin-bottom: 1em;"></div>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
google.charts.setOnLoadCallback(drawRegionsMap2);
function drawRegionsMap2() {
var data = google.visualization.arrayToDataTable([
['Country', 'Cantidad'],
['Portugal', 10],
['Spain', 20],
['France', 30],
['Germany', 40],
['Netherlands', 50],
['Belgium', 60],
['Luxembourg', 70],
['United Kingdom', 80],
['Ireland', 90],
['Switzerland', 100],
['Italy', 110],
['Greece', 120],
['Slovenia', 130],
['Rumania', 140],
['Austria', 150],
['Hungary', 160],
['Croatia', 160],
['Bosnia and Herzegovina', 170],
['Andorra', 180],
['Serbia', 190],
['Macedonia', 200],
['Albania', 210],
['Bulgaria', 220],
['Macedonia', 230],
['Montenegro', 240],
['Kosovo', 250],
['Czech Republic', 260],
['Slovak Republic', 270],
['Poland', 280],
['Denmark', 290],
['Lithuania', 300],
['Sweden', 310],
['Norway', 320],
['Finland', 340],
...