Created
January 6, 2012 20:55
-
-
Save csessig86/1572364 to your computer and use it in GitHub Desktop.
Map of GOP caucus/primary dates and results
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> | |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> | |
<title>Lee Enterprises - GOP Caucus/Primary Results</title> | |
<style> | |
body { height: 650px; width:610px; | |
font-family: Arial, sans-serif; } | |
#map_canvas { height: 650; width:610; } | |
#search { | |
font-family: Arial, sans-serif; | |
font-size:14px; | |
font-weight: bold; | |
width: 600px; | |
} | |
#legend { | |
top:5px; | |
right:5px; | |
width:610px; | |
background-color:#FFFFFF; | |
padding:5px; | |
font-family: Arial, sans-serif; | |
font-size:12px; | |
line-height:1.3em; | |
opacity: .85; | |
} | |
#legend h1 {font-size:18px; margin:0 0 4px 0;} | |
#legend h2 {font-size:14px; margin:0;} | |
#legend h3 {font-size:13px; margin: 10px 0 0 0;} | |
#legend .colors {float:left;line-height:20px; width:150px; margin: 10px 0;} | |
#legend .colors span {height:20px; width:20px; margin-right:5px; display:block; float:left; clear:left; opacity: .85; border: 1px solid #444444;} | |
#legend .huntsman {background-color: #fdd49e;} | |
#legend .bachmann {background-color: #fdbb84;} | |
#legend .romney {background-color: #fc8d59;} | |
#legend .gingrich {background-color: #ef6548;} | |
#legend .perry {background-color: #d7301f;} | |
#legend .santorum {background-color: #b30000;} | |
#legend .paul {background-color: #b30000;} | |
#legend p {clear:both; margin:5px 0 0 0;} | |
</style> | |
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | |
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> | |
<script type="text/javascript" id="script"> | |
var map; | |
var layer; | |
var tableid = 2575877; | |
var infoWindow; | |
function map() { | |
map = new google.maps.Map(document.getElementById('map_canvas'), { | |
center: new google.maps.LatLng(41.5, -456.9), | |
zoom: 4, | |
minZoom: 2, | |
maxZoom: 7, | |
mapTypeControl: false, | |
streetViewControl: false, | |
mapTypeId: google.maps.MapTypeId.TERRAIN | |
}); | |
layer = new google.maps.FusionTablesLayer({ | |
query: { | |
select: 'geometry', | |
from: tableid | |
} | |
}); | |
layer.setMap(map); | |
} | |
function initialize() { | |
map(); | |
} | |
google.maps.event.addDomListener(window, 'load', initialize); | |
</script> | |
</head> | |
<body> | |
<div id="legend"> | |
<div class="colors"> | |
<table width="610px"> | |
<tr> | |
<td> | |
<span class="huntsman"></span>Huntsman<br> | |
</td> | |
<td> | |
<span class="bachmann"></span>Bachmann<br> | |
</td> | |
<td> | |
<span class="romney"></span>Romney<br> | |
</td> | |
<td> | |
<span class="gingrich"></span>Gingrich<br> | |
</td> | |
<td> | |
<span class="perry"></span>Perry<br> | |
</td> | |
<td> | |
<span class="santorum"></span>Santorum<br> | |
</td> | |
<td> | |
<span class="paul"></span>Paul | |
</td> | |
</tr> | |
</table> | |
</div> | |
</div> | |
<div id="map_canvas"></div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment