Quantcast
Channel: maps for developers - Medium
Viewing all articles
Browse latest Browse all 2230

Before & After of the Moore, OK Tornado

$
0
0

Thanks to open aerial imagery provided by the U.S. Government and our MapBox.js javascript library, we can now see -- in stunning high resolution -- the impact of Monday's tornado on the city of Moore, Oklahoma.

Using the latest aerial photography captured by the Department of Homeland Security in support of the Moore Tornado recovery and response efforts, and released with an open license, and our MapBox Satellite global mosaic baselayer, with aerial photography down to zoom level 19, we created a before and after map revealing the impact of the Moore Tornado.

REXML could not parse this XML/HTML: 
<div class='page pad3 fillE' id='intro'>
  <div class='copy prose'>

    <h1>Before & After of the Moore, OK Tornado</h1>

    <p>Thanks to open aerial imagery provided by the U.S. Government and our <a href="http://mapbox.com/mapbox.js/">MapBox.js</a> javascript library, we can now see -- in stunning high resolution -- <a href="http://www.mapbox.com/labs/oklahoma-aerial/#13/35.3255/-97.5130">the impact of Monday's tornado</a> on the city of Moore, Oklahoma. </p>

    <p>Using the latest aerial photography captured by the <a href="http://www.dhs.gov/">Department of Homeland Security</a> in support of the Moore Tornado recovery and response efforts, and released with an open license, and our <a href="http://www.mapbox.com/blog/mapbox-satellite/">MapBox Satellite</a> global mosaic baselayer, with aerial photography down to zoom level 19, we <a href="http://www.mapbox.com/labs/oklahoma-aerial/#13/35.3255/-97.5130">created a before and after map revealing the impact of the Moore Tornado</a>.</p>

  </div>
</div>

We're releasing this openly for the public good. Embed the map on your own site using the embed code below:

REXML could not parse this XML/HTML: 
<div class='cell12 clearfix fillE' id='outro'>
  <div class='cell6 pad3'>
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
        
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
    <h3>About Chris Herwig</h3>
      <div class='author-image' style='background-image:url(/img/team/chris.thumb.jpg);'>&nbsp;</div>
  <small>
  
    <a href='/about/team/#chris-herwig'>Chris Herwig</a>
      
  leads the Satellite team at MapBox, where he acquires and processes the source imagery that powers MapBox Satellite and other analytical products.
  </small>
<a href='https://twitter.com/hrwgc' class='twitter-follow-button' data-show-count='false' data-show-screen-name='true' data-lang='en'>Follow @hrwgc</a>
<script type='text/javascript'>
  // Follow user
  !function(d,s,id){
    var js,
        fjs=d.getElementsByTagName(s)[0];
    if (!d.getElementById(id)) {
      js=d.createElement(s);
      js.id=id;js.src='//platform.twitter.com/widgets.js';
      fjs.parentNode.insertBefore(js,fjs);
    }
  }(document,'script','twitter-wjs');
</script>

  </div>
  <div class='cell6 pad3'><div id='twitter-tweets' class='tweets centered clearfix'>
  <script type='text/template' id='tweet-template'>
    <% if (obj.id_str) { %>
    <a class='tweet' target='_blank' href='http://twitter.com/<%=from_user%>/status/<%=id_str%>'>
      <span class='mug' style='background-image:url(<%=profile_image_url%>)'></span>
      <small><strong><%=from_user%>:</strong> <%=text%></small>
    </a>
    <% } else { %>
    <a class='tweet' href="http://twitter.com/search?q=http://mapbox.com/blog/before-after-moore-tornado%20OR%20http://www.mapbox.com/blog/before-after-moore-tornado"></a>
    <% } %>
  </script>
</div>
tweets mention this blog post.Tweet this article  
REXML could not parse this XML/HTML: 
</div>
REXML could not parse this XML/HTML: 
</div>
REXML could not parse this XML/HTML: 
<style type='text/css'>

.teaser { display: none; }

html, body, .wrapper { height: 100%; }

.page {
  position: relative;
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
}

.page.map { height: 100%; padding: 0; }

.copy {
  width:66.6666%;
  max-width:640px;
  min-width:280px;
  margin:0px auto;
}

.copy img,
.copy iframe { margin:0px auto 20px; }

.copy img {
  display: block;
  width: auto;
  max-width: 100%;
}

.style {
  display: block;
  width: 240px;
  height: 120px;
  margin:0px auto 10px;
  background-position: 50% 50%;
  border-radius: 4px;
}

.author-image { display:none; }

textarea#share {
  font-family: "Courier New", Courier, monospace;
  background: #3C4E5A;
  border: 2px solid #101D23;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  height: 80px;
  width: 100%;
  padding: 10px;
  box-shadow: none;
}

</script>

Viewing all articles
Browse latest Browse all 2230

Trending Articles