feomike/index.html

## readme.md

      
    Raw
  

              readme.md
            
          
    some example rural file, with perhaps the right coded values

green - uic code in (3,4,5,6,7,8,9,10,11,12)
red - uic code in (4,6,7,8,9,10,11,12)


## index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title></title>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
  <script src='//api.tiles.mapbox.com/mapbox.js/v1.4.0/mapbox.js'></script>
  <link href='//api.tiles.mapbox.com/mapbox.js/v1.4.0/mapbox.css' rel='stylesheet' />
  <!--[if lte IE 8]>
    <link href='//api.tiles.mapbox.com/mapbox.js/v1.4.0/mapbox.ie.css' rel='stylesheet'>
  <![endif]-->
  <style>
    body { margin:0; padding:0; }
    #map { position:absolute; top:0; bottom:0; width:100%; }
  </style>
</head>
<body>
<!--
  Include Leaflet.fullscreen and Leaflet-hash's CSS and JavaScript assets.
  Unlike mapbox.js, these are not hosted by MapBox; you will
  need to download and host them yourself.
-->
<link rel="stylesheet" href="/mapbox.js/assets/leaflet.fullscreen.css" />
<script src="/mapbox.js/assets/Leaflet.fullscreen.js"></script>
<script src="/mapbox.js/assets/leaflet-hash.js"></script>

<style>
#map-ui {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 100;
}

#map-ui ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#map-ui a {
    font-size: 13px;
    background: #FFF;
    color: #3C4E5A;
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #BBB;
    border-bottom-width: 0;
    min-width: 138px;
    padding: 10px;
    text-decoration: none;
}

#map-ui a:hover {
    background: #ECF5FA;
}

#map-ui li:last-child a {
    border-bottom-width: 1px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

#map-ui li:first-child a {
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#map-ui a.active {
    background: #3887BE;
    border-color: #3887BE;
    border-top-color: #FFF;
    color: #FFF;
}

#map-ui li:first-child a.active {
    border-top-color: #3887BE;
}

#map .map-fullscreen {
    background-color: #28353D;
}
</style>
<div id='map'>
    <div id='map-ui'>
    </div>
</div>


<script>
var map = L.mapbox.map('map', 'feomike.jobc6pgh', {attributionControl: false})
            .setView([38.82, -94.96], 4);

var activeLayerGroup = new L.LayerGroup();
var lower_48 = L.mapbox.tileLayer('feomike.ki5m6lxr')
                    .on('load',function(){map.legendControl.addLegend(mayor_TL.getTileJSON().legend);
                                        mayor_TL.removeEventListener();})
var pr_layer = L.mapbox.tileLayer('feomike.lckjfw29')
                    .on('load',function(){map.legendControl.addLegend(mayor_TL.getTileJSON().legend);
                                        mayor_TL.removeEventListener();})
var hi_layer = L.mapbox.tileLayer('feomike.nv29be29')
                    .on('load',function(){map.legendControl.addLegend(mayor_TL.getTileJSON().legend);
                                        mayor_TL.removeEventListener();})
var ak_layer = L.mapbox.tileLayer('feomike.8404fgvi')
                    .on('load',function(){map.legendControl.addLegend(mayor_TL.getTileJSON().legend);
                                        mayor_TL.removeEventListener();})


activeLayerGroup.addLayer(lower_48);
activeLayerGroup.addLayer(pr_layer);
activeLayerGroup.addLayer(hi_layer);
activeLayerGroup.addLayer(ak_layer);
activeLayerGroup.addTo(map,function(){console.log('done')});


</script>
</body>
</html>

## uic_code.md

      
    Raw
  

              uic_code.md
            
          
    uic_code.md

uic codes are attached to counties and have the following codes/defintisions


Code
Definition


1
Large-in a metro area with at least 1 million residents or more


2
Small-in a metro area with fewer than 1 million residents


3
Micropolitan adjacent to a large metro area


4
Noncore adjacent to a large metro area


5
Micropolitan adjacent to a small metro area


6
Noncore adjacent to a small metro with town of at least 2,500 residents


7
Noncore adjacent to a small metro and does not contain a town of at least 2,500 residents


8
Micropolitan not adjacent to a metro area


9
Noncore adjacent to micro area and contains a town of 2,500-19,999 residents


10
Noncore adjacent to micro area and does not contain a town of at least 2,500 residents


11
Noncore not adjacent to a metro/micro area and contains a town of 2,500  or more residents


12
Noncore not adjacent to a metro/micro area and does not contain a town of at least 2,500 residents
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title></title>
	<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<script src='//api.tiles.mapbox.com/mapbox.js/v1.4.0/mapbox.js'></script>
	<link href='//api.tiles.mapbox.com/mapbox.js/v1.4.0/mapbox.css' rel='stylesheet' />
	<!--[if lte IE 8]>
	<link href='//api.tiles.mapbox.com/mapbox.js/v1.4.0/mapbox.ie.css' rel='stylesheet'>
	<![endif]-->
	<style>
	body { margin:0; padding:0; }
	#map { position:absolute; top:0; bottom:0; width:100%; }
	</style>
	</head>
	<body>
	<!--
	Include Leaflet.fullscreen and Leaflet-hash's CSS and JavaScript assets.
	Unlike mapbox.js, these are not hosted by MapBox; you will
	need to download and host them yourself.
	-->
	<link rel="stylesheet" href="/mapbox.js/assets/leaflet.fullscreen.css" />
	<script src="/mapbox.js/assets/Leaflet.fullscreen.js"></script>
	<script src="/mapbox.js/assets/leaflet-hash.js"></script>

	<style>
	#map-ui {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
	}

	#map-ui ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	#map-ui a {
	font-size: 13px;
	background: #FFF;
	color: #3C4E5A;
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #BBB;
	border-bottom-width: 0;
	min-width: 138px;
	padding: 10px;
	text-decoration: none;
	}

	#map-ui a:hover {
	background: #ECF5FA;
	}

	#map-ui li:last-child a {
	border-bottom-width: 1px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	}

	#map-ui li:first-child a {
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	}

	#map-ui a.active {
	background: #3887BE;
	border-color: #3887BE;
	border-top-color: #FFF;
	color: #FFF;
	}

	#map-ui li:first-child a.active {
	border-top-color: #3887BE;
	}

	#map .map-fullscreen {
	background-color: #28353D;
	}
	</style>
	<div id='map'>
	<div id='map-ui'>
	</div>
	</div>


	<script>
	var map = L.mapbox.map('map', 'feomike.jobc6pgh', {attributionControl: false})
	.setView([38.82, -94.96], 4);

	var activeLayerGroup = new L.LayerGroup();
	var lower_48 = L.mapbox.tileLayer('feomike.ki5m6lxr')
	.on('load',function(){map.legendControl.addLegend(mayor_TL.getTileJSON().legend);
	mayor_TL.removeEventListener();})
	var pr_layer = L.mapbox.tileLayer('feomike.lckjfw29')
	.on('load',function(){map.legendControl.addLegend(mayor_TL.getTileJSON().legend);
	mayor_TL.removeEventListener();})
	var hi_layer = L.mapbox.tileLayer('feomike.nv29be29')
	.on('load',function(){map.legendControl.addLegend(mayor_TL.getTileJSON().legend);
	mayor_TL.removeEventListener();})
	var ak_layer = L.mapbox.tileLayer('feomike.8404fgvi')
	.on('load',function(){map.legendControl.addLegend(mayor_TL.getTileJSON().legend);
	mayor_TL.removeEventListener();})


	activeLayerGroup.addLayer(lower_48);
	activeLayerGroup.addLayer(pr_layer);
	activeLayerGroup.addLayer(hi_layer);
	activeLayerGroup.addLayer(ak_layer);
	activeLayerGroup.addTo(map,function(){console.log('done')});




	</script>
	</body>
	</html>
Code	Definition
1	Large-in a metro area with at least 1 million residents or more
2	Small-in a metro area with fewer than 1 million residents
3	Micropolitan adjacent to a large metro area
4	Noncore adjacent to a large metro area
5	Micropolitan adjacent to a small metro area
6	Noncore adjacent to a small metro with town of at least 2,500 residents
7	Noncore adjacent to a small metro and does not contain a town of at least 2,500 residents
8	Micropolitan not adjacent to a metro area
9	Noncore adjacent to micro area and contains a town of 2,500-19,999 residents
10	Noncore adjacent to micro area and does not contain a town of at least 2,500 residents
11	Noncore not adjacent to a metro/micro area and contains a town of 2,500 or more residents
12	Noncore not adjacent to a metro/micro area and does not contain a town of at least 2,500 residents