JSFiddle - React, Tailwind, and code Playground

by nicolas tenorio

HTML

<!DOCTYPE html>
<html>
<head>
<meta Nombre="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Fusion Tables Natural Earth Data Country Browser</title>
<style type="text/css">
html, body, #map_canvas {
	width:   750px;
	height:  600px;
	margin:  0;
	padding: 0;
}
    .infowindow * {font-size: 90%; margin: 0}
</style>
<!--Load the AJAX API-->
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript" src="https://geoxml3.googlecode.com/svn/branches/polys/geoxml3.js"></script>
 
<!-- Initialize --> 
<script type="text/javascript"> 
// globals
var map = null;
var infoWindow = null;
var geoXml = null;
var geoXmlDoc = null;
var myLatLng = null;
var myOptions = null;
var mapCenter = null;
var geocodeTheCountry = true;
var gpolygons = [];
var geocoder = null;

// Fusion Table data ID
var FT_TableID = '1LkZUDcoWDwGcL06wPbkk3SPW1vI0bLtO63JmuTS0'; // numeric ID 420419;

var CountryNombre = "Cali - Valle del Cauca, Colombia"; // "United States of America";

  google.load('visualization', '1', {'packages':['corechart', 'table', 'geomap']});

function  createSidebar() {
  
document.getElementById('sidebar').innerHTML = "querying for data";
var FT_Query2 = "SELECT 'zona', 'nombre', 'cordenadas' FROM "+FT_TableID+" WHERE 'zona' = '"+CountryNombre+"' ORDER by 'nombre'";
document.getElementById("FTquery2").innerHTML = FT_Query2; 
  var queryText = encodeURIComponent(FT_Query2);
  var query = new google.visualization.Query('http://www.google.com/fusiontables/gvizdata?tq='  + queryText);
  
  //set the callback function
  query.send(getData);
}

  // Set a callback to run when the Google Visualization API is loaded.
  google.setOnLoadCallback(createSidebar);

function getCountryNombres() { 


  // set the query using the parameters
var FT_Query_CountryNombre = "SELECT 'zona', count() FROM "+FT_TableID+" GROUP by...