Connected: Rural, poor areas lag in broadband

Use our broadband map on your site

Monday, March 26th, 2012 

You can put our broadband map on your site by customizing this easy embed code. It must be 620 pixels wide and 500 pixels high, otherwise it will appear distorted.

<iframe scrolling="no" src="http://irw.s3.amazonaws.com/broadband/flash/broadband_embed_620.html?lat=40.000531&lng=-75.103789&zoom=11" height="500" width="620" frameborder="0" marginwidth="0" marginheight="0"></iframe>
<p>Map courtesy of American University's <a href="http://investigativereportingworkshop.org/" name="Investigative Reporting Workshop">Investigative Reporting Workshop</a>. Data available <a href="http://investigativereportingworkshop.org/investigations/broadband-adoption/story/data-broadband-files/">here</a>.</p>

In the above, we've set the map display with a 'querystring', that is, the last part of the URL, which reads: ?lat=40.000531&lng=-75.103789&zoom=11. In the example, the map is set to center around latitude = =40.000531 longitude = -75.103789 and be zoomed in to Google's level = 11. (That's roughly downtown Philadelphia)

You can set the map to zoom wherever you want by passing valid latitude, longitude and zoom levels. If you're not sure of your latitude and longitude, you can start by looking at the city ranking page; clicking on any city's link will load a similar map with the same querystring. For example, it's pretty easy to see that Washington D.C. is displayed with this querystring: ?lat=38.8951118&lng=-77.0363658&zoom=10 and Birmingham, Ala. can be seen with these options: ?lat=33.5206608&lng=-86.80249&zoom=10 . If you wanted to see a slightly more zoomed in version of Birmingham, you could increase the zoom level to 11, to this: ?lat=33.5206608&lng=-86.80249&zoom=11. So the finished iframe for Birmingham would be this:

<iframe scrolling="no" src="http://irw.s3.amazonaws.com/broadband/flash/broadband_embed_620.html?lat=33.5206608&amp;lng=-86.80249&amp;zoom=11" height="500" width="620" frameborder="0" marginwidth="0" marginheight="0"></iframe>
<p>Map courtesy of American University's <a href="http://investigativereportingworkshop.org/" name="Investigative Reporting Workshop">Investigative Reporting Workshop</a>. Data available <a href="http://investigativereportingworkshop.org/investigations/broadband-adoption/story/data-broadband-files/">here</a>.</p>

Which should looks like this:

Map courtesy of American University's Investigative Reporting Workshop. Data available here.