public
Created

  • Download Gist
gistfile1.txt
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Tornadoes in the U.S. - 2010</title>
<script src='wax/ext/modestmaps.min.js' type='text/javascript'></script>
<script src='wax/dist/wax.mm.js' type='text/javascript'></script>
<link href='wax/theme/controls.css' rel='stylesheet' type='text/css' />
<style type='text/css'>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow: hidden;
}
p {
line-height: 20px;
}
a {
color: #29A1E1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#mymap {
position: absolute;
top: 0;
right: 400px;
left: 0;
height: 100%;
}
#sidebar {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 359px;
background: #111;
color: #fff;
border-left:1px solid #000;
padding: 20px;
}
.source {
font-size: 80%;
}
.wax-tooltip {
right: 10px;
left: auto;
}
</style>
</head>
 
<body>
<div id='sidebar'>
<h2>FCC Eligibility overlaid with Post Office under consideration for closing by Zip code tabulation area </h2>
 
</div>
<div id='mymap'></div>
<script type='text/javascript'>
var tilejson = {
"tilejson": "1.0.0",
"name": "FCC - Postoffice mashup",
"description": "FCC eligibility areas with Zip Codes of post offices under study for closing ",
"version": "1.0.0",
"attribution": "(c) FCC, USPS, Census",
"scheme": "xyz",
"tiles": [
"http://a.tiles.mapbox.com/v3/fcc.mobility-fund-phase-1-potentially-eligible-areas/{z}/{x}/{y}.png",
"http://23.21.197.140/v2/broadband_postoffice/{z}/{x}/{y}.png"
],
"minzoom": 3,
"maxzoom": 10,
"bounds": [ -180, 72, 180, 19 ]
}
 
 
// Shortening of 'com.modestmaps'
var mm = com.modestmaps;
// Set up a new map in a div with id 'mymap'
var m = new mm.Map('mymap',
// Add a new map layer with Wax's connector
new wax.mm.connector(tilejson));
// Add zoom controls
wax.mm.zoomer(m, tilejson).appendTo(m.parent);
// Add interactivity (tooltips)
var interaction = wax.mm.interaction(m, tilejson);
// Set the initial center and zoom level
m.setCenterZoom(new mm.Location(39, -98), 3);
 
</script>
</body>
</html>

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.