Google Geo Charts Example

Google Geo Charts Example

by cs3vigny

HTML

<script src="https://www.google.com/jsapi?ext.js"></script>
<div id="airportGeoChart"></div>

CSS

.overlay-marker {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 53px;   /* chartArea top */
  left: 528px; /* chartArea left */
}

JavaScript

google.load('visualization', '1', {
    'packages': ['geochart']
});
google.setOnLoadCallback(drawVisualization);

function drawVisualization() {
   var data = new google.visualization.DataTable();
				data.addColumn("number", "Lat");
				data.addColumn("number", "Long");
				data.addColumn("number", "Value");
				data.addColumn("number", "Id");
				data.addColumn({type:"string", role:"tooltip", p:{html:true}});
				data.addRows([
					
							[39.175361, -76.668333, 0, 23, "<strong>BWI</strong> - Baltimore/Washington International Thurgood Marshall Airport"]
						, 
							[42.364347, -71.005181, 0, 22, "<strong>BOS</strong> - Boston - General Edward Lawrence Logan Airport"]
						, 
							[35.214, -80.943139, 100, 24, "<strong>CLT</strong> - Charlotte Douglas International Airport"]
						, 
							[41.785972, -87.752417, 0, 39, "<strong>MDW</strong> - Chicago Midway International Airport"]
						, 
							[41.978603, -87.904842, 0, 41, "<strong>ORD</strong> - Chicago O'Hare International Airport"]
						, 
							[32.896828, -97.037997, 0, 27, "<strong>DFW</strong> - Dallas/Fort Worth International Airport"]
						, 
							[39.861656, -104.673178, 100, 26, "<strong>DEN</strong> - Denver International Airport"]
						, 
							[42.212444, -83.353389, 0, 28, "<strong>DTW</strong> - Detroit Metropolitan Wayne County Airport"]
						, 
							[26.072583, -80.15275, 100, 30, "<strong>FLL</strong> - Fort Lauderdale-Hollywood International Airport"]
						, 
							[33.636719, -84.428067, 100, 54, "<strong>ATL</strong> - Hartsfield-Jackson Atlanta International Airport"]
						, 
							[21.318681, -157.922428, 0, 31, "<strong>HNL</strong> - Honolulu International Airport"]
						, 
							[29.984433, -95.341442, 100, 33, "<strong>IAH</strong> - Houston - George Bush Intercontinental Airport "]
						, 
							[36.080056, -115.15225, 0, 35, "<strong>LAS</strong> - Las Vegas - McCarran International Airport"]
						, 
							[33.942536, -118.408075, 0, 36,...