Created
February 21, 2012 13:24
-
-
Save spara/1876566 to your computer and use it in GitHub Desktop.
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
| <!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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment