Skip to content
Create a gist now

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<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/' 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;
<div id='sidebar'>
<h2>FCC Eligibility overlaid with Post Office under consideration for closing by Zip code tabulation area </h2>
<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": [
"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
// Add zoom controls, tilejson).appendTo(m.parent);
// Add interactivity (tooltips)
var interaction =, tilejson);
// Set the initial center and zoom level
m.setCenterZoom(new mm.Location(39, -98), 3);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.