Permalink
Browse files

U-Flood -> floodmap.io and TX -> FL

  • Loading branch information...
nickmcintyre committed Sep 9, 2017
1 parent a36e805 commit 4e972cb62d62e4a71d60a074d332e21363b4ad81
View
@@ -1,4 +1,4 @@
## U-Flood Maps
## Flood Maps
Please note: this is alpha software, so bear with us. We hope it will be useful to communities impacted by Hurricane Harvey and will do our best to refine things as we collect feedback.
Interactive map to visualize and crowdsource flood related information using [OpenStreetMap](http://www.openstreetmap.org/) and [Mapbox GL JS](https://www.mapbox.com/mapbox-gl-js/). Read more in the press
@@ -11,7 +11,7 @@ Interactive map to visualize and crowdsource flood related information using [Op
- [The Hindu](http://www.thehindu.com/news/cities/chennai/crowdsourced-map-to-mark-inundated-areas/article7935008.ece)
### How-to
Simply click/tap on a road segment to mark it as flooded or cleared. Road (de)selection works above zoom level 14. The higher the level, the more zoomed in you are. You can view the map's current zoom level in your browser's address bar at any time; it's the first number after your city's name. For example, the URL https://map.u-flood.com/galveston/#13.97/29.2999/-94.7999 is at zoom level 13.97.
Simply click/tap on a road segment to mark it as flooded or cleared. Road (de)selection works above zoom level 14. The higher the level, the more zoomed in you are. You can view the map's current zoom level in your browser's address bar at any time; it's the first number after your city's name. For example, the URL https://floodmap.io/miami/#14/25.7700/-80.1900 is at zoom level 14.
We rely on users to maintain the accuracy of flood reports. Please do your part, especially once roads have dried out.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View

This file was deleted.

Oops, something went wrong.
@@ -12,6 +12,23 @@
margin-left: 5px;
}
.limiter {
padding-top: 100px;
padding-bottom: 100px;
}
.fill-gray {
background: #424242;
}
.button {
background-color: #1F5FAB;
}
.button:hover {
background-color: #287FE5;
}
.sidebar-box {
font-family: 'Open Sans', sans-serif;
height: calc(100% - 50px);
@@ -51,6 +68,18 @@
margin-left: 50px;
}
.footer {
bottom: 0;
text-align: center;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}
.footer a {
color: #1F5FAB;
}
#map-query {
padding: 5px;
position: absolute;
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
@@ -3,8 +3,8 @@
<head>
<meta charset='utf-8'>
<meta http-equiv='x-ua-compatible' content='ie=edge'>
<title>U-Flood | Baton Rouge</title>
<meta name='description' content='Crowdsourced flood mapping from the U-Flood project.'>
<title>floodmap.io | Fort Myers</title>
<meta name='description' content='Crowdsourced flood mapping from the floodmap.io project.'>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'>
<link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>
@@ -17,7 +17,7 @@
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
<script src='https://use.fontawesome.com/c32d282f8e.js'></script>
<link rel='stylesheet' type='text/css' href='../css/normalize.css'>
<link rel='stylesheet' type='text/css' href='../css/u-flood.css'>
<link rel='stylesheet' type='text/css' href='../css/floodmap.css'>
<script src='../js/lib/modernizr-2.8.3.min.js'></script>
<style>
body { margin:0; padding:0; }
@@ -32,7 +32,7 @@
<!-- Content -->
<div id='map'></div>
<div class='header-box'>
<a href='https://u-flood.com' id='logo'><img src='/img/uflood_logo.png'/></a>
<a href='/' id='logo'><img src='/img/floodmap_logo.png'/></a>
<a href='#' id='sidebar-open'><i class='fa fa-lg fa-question-circle-o'></i></a>
</div>
@@ -42,7 +42,7 @@
<p><strong><span id="feature-count">...</span>
</strong> inundated roads reported</p>
<br />
<p>This is a crowdsourced effort to map inundated roads in Baton Rouge. We rely on users to maintain the accuracy of flood reports. Please do your part, especially once roads have dried out.</p>
<p>This is a crowdsourced effort to map inundated roads in Fort Myers. We rely on users to maintain the accuracy of flood reports. Please do your part, especially once roads have dried out.</p>
<br />
<p>Zoom in to your street and click/tap to report it as flooded or cleared. If you accidentally mark a street, just click/tap again to undo the change.</p>
<br />
@@ -54,22 +54,22 @@
<script src='../js/lib/md5.min.js'></script>
<script src='../js/mapbox-gl-js-common.js'></script>
<script>
var LOCALE = 'batonrouge';
var DATASET_ID = 'cj6wnjoyd1ee238o3n9wbuhr5';
var STYLE = 'mapbox://styles/tailwindlabs/cj6xo645ia8dl2so86g9qaplv';
var LOCALE = 'fortmyers';
var DATASET_ID = 'cj7ctqfa5027p2xlxpzbbyq5e';
var STYLE = 'mapbox://styles/tailwindlabs/cj7d6jkll0lrq2rp9yvt0oxcf';
var BOUNDS = [
[-90.94, 30.85],
[-91.48, 30.27]
[-81.60, 26.98],
[-82.53, 26.07]
];
</script>
<script type="text/javascript" src="../js/u-flood.js"></script>
<script type="text/javascript" src="../js/floodmap.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-66885244-5', 'auto');
ga('create', 'UA-66885244-6', 'auto');
ga('send', 'pageview');
</script>
</body>
View

This file was deleted.

Oops, something went wrong.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
Oops, something went wrong.

0 comments on commit 4e972cb

Please sign in to comment.