http://schoolperformancemaps.com/co/

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
3	<head>
4		<title>Colorado School Performance Maps</title>
5		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6		<meta name="description" content="Map school performance in Colorado based on performance on standardized tests compared to schools across the state. Compare neighborhoods based on school performance." />
7		<meta name="keywords" content="Colorado, schools, test scores, neighborhoods, real estate" />
8		<link rel="stylesheet" href="../layout.css" />
9		<style type="text/css">
10		v\:* {
11		  behavior:url(#default#VML);
12		}
13		</style>
14		

14<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyBu7uGWrTw-8-2Nt6_xDHxOW9QCJxIxNUo&sensor=false"></script>

14
15		

15<script type="text/javascript" src="../schoolmaps-v3.js"></script>

15
16		

16<script type="text/javascript" src="co-v3.js"></script>

16
17		

17<script type="text/javascript" src="../prototype.js"></script>

17
18	</head>
19	<body onresize="checkHeight();">
20		<div id="header">
21			<h2><a href="../">School Performance Maps</a>: Colorado</h2>
22			<ul>
23				<li><a href="javascript:resetMap();">Reset Map</a></li>
24				<li>&middot;</li>
25				<li><a href="javascript:about();">About</a></li>
26				<li>&middot;</li>
27				<li><a href="javascript:contact();">Contact</a></li>
28			</ul>
29		</div>
30		
31		<div id="controlbar">
32			<div id="maplink"></div>
33			<form action="">
34			<p>
35				<label><strong>School Types:</strong></label>
36				<input type="checkbox" name="elementary" id="elementary" checked="checked" onchange="preUpdate();" /><label for="elementary">Elementary</label>
37				<input type="checkbox" name="middle" id="middle" value="" onchange="preUpdate();" /><label for="middle">Middle</label>
38				<input type="checkbox" name="high" id="high" value="" onchange="preUpdate();" /><label for="high">High</label>
39
40				<label id="progress"></label>
41			</p>
42			</form>
43		</div>
44		
45		<div id="mainbody">
46		
47			<div id="sidebar">
48				<div class="adg">
49					

49<script type="text/javascript"><!--
50					google_ad_client = "pub-1138878270929989";
51					google_ad_width = 120;
52					google_ad_height = 600;
53					google_ad_format = "120x600_as";
54					google_ad_type = "text_image";
55					google_ad_channel = "";
56					google_color_border = "003366";
57					google_color_bg = "000000";
58					google_color_link = "FFFFFF";
59					google_color_text = "FFCC00";
60					google_color_url = "FFCC00";
61					//-->
62					</script>

62
63					

63<script type="text/javascript"
64					  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
65					</script>

65
66				</div>
67			</div>
68			
69			<div id="map"></div>
70			
71			<div id="about">
72				<p id="close"><a href="javascript:closeAbout();"><span id="close1">X</span> <span id="close2">close</span></a></p>
73				<h3>About School Performance Maps: Colorado</h3>
74				<p>School Performance Maps provides a "bird&#39;s eye view" of public school performance in Colorado.</p>
75				<h4>Performance Data</h4>
76				<p>School performance data is from the Colorado Department of Education, <a href="http://reportcard.cde.state.co.us/reportcard/CommandHandler.jsp">School Accountability Reports</a>. The ratings represent the performance of the school on standardized tests and student progress, from Excellent to Unsatisfactory. Schools are categorized as elementary, middle, and high; where a school is in more than one category, a separate rating and map marker is provided for each applicable category. The marker icon is based on the latest rating for the school. Info windows you see when clicking on each marker provide the last 3 ratings reported. For 2007, the approximate distribution of school ratings is:</p>
77				<ul>
78					<li>Excellent: 12%</li>
79					<li>High: 31%</li>
80					<li>Average: 36%</li>
81					<li>Low: 20%</li>
82					<li>Unsatisfactory: 1%</li>
83				</ul>
84				<h4>Geographic Data</h4>
85				<p>Locations of most schools are from latitude and longitude information ("geocodes") from the National Center for Education Statistics Common Core of Data for public schools. Other school addresses were geocoded using Yahoo Maps Geocoding API. <strong>Accuracy of locations varies</strong>. Where multiple schools have the same address (or in the case of a multi-category school), some of the marker locations are adjusted slightly to reduce overlapping. You may need to zoom the map in to see markers that could be hidden behind others. Proximity of a residential address does not indicate inclusion in a school's attendance area; contact the local school district for attendance eligibility information.</p>
86				<h4>Legal</h4>
87				<p>The information displayed on this site and software incorporated in this site are provided for your use with no warranty of any kind. No personal information is collected on this site.</p>
88			</div>
89							
90			<div id="contact">
91				<p id="close"><a href="javascript:closeContact();"><span id="close1">X</span> <span id="close2">close</span></a></p>
92				<h3>Contacting School Performance Maps</h3>
93				<p>Feel free to contact us with questions, suggestions, corrections. If you are interested in advertising on this site, or consulting on custom mapping or other web development for your own site, please let us know.</p>
94				<p><img src="../images/email.gif" alt="email info" /></p>
95				<p class="note">Apologies for the lack of a mailto: link or copyable address -- we do not have time to deal with tons of spam! Thanks for visiting School Performance Maps.</p>
96			</div>
97			
98			<div id="info">Click the map to zoom in to an area and map nearby schools.</div>
99			
100			<div id="key">
101				<img src="images/key.png" alt="Symbol Key" width="327" height="77" id="keyimg" />
102			</div>
103			
104		</div>
105
106		

106<script type="text/javascript">
107		//<![CDATA[
108		// document.getElementById("nocountyselected").selected = true;
109		
110		// set div heights relative to window size
111		checkHeight();
112		
113		// set globals
114		var timeLog = "";
115		var oldSchTypeCode = "0";
116		var oldBounds = new google.maps.LatLngBounds();
117		var outerBounds = new google.maps.LatLngBounds();
118		var markerLimit = 250;
119		var currCounty = 0;
120		var closeCounty = 0;
121		var topCity = "";
122		var sc = 0;
123		var scount = 0;
124		var i, j, k, l;
125		var schools;
126		var schoolsAA;
127		var minPlotZoom = 9;
128		
129		// create map with controls
130		var myOptions = {
131			mapTypeId: google.maps.MapTypeId.ROADMAP,
132		
133			// Add controls
134			mapTypeControl: true,
135			scaleControl: true,
136		};
137		
138		var map = new google.maps.Map($("map"),
139			myOptions);
140		
141		var markers = [];
142
143		// center, zoom
144		mapState();
145		
146		// add move and zoom listeners
147		google.maps.event.addListener(map, "dragend", function() {preUpdate()});   
148		google.maps.event.addListener(map, "zoom_changed", function() {preUpdate()});
149		google.maps.event.addListener(map, "maptypeid_changed", function() {resetText()});
150		
151		// add click listener
152		google.maps.event.addListener(map, "click", function(point) {
153		  	if (map.getZoom() < (minPlotZoom + 2))
154			{
155				map.setCenter(point.latLng);
156				map.setZoom(minPlotZoom + 2);
157			}
158			else
159			{
160				$("progress").innerHTML = "";
161				resetText();
162			}
163		});
164		
165		// check for hash in URL
166		if (location.hash.indexOf("#") != -1)
167		{
168			var mapspecs = location.hash.substring(1).replace(/%2C/gi, ",").split(",");
169			if ((mapspecs.length >= 4) && (parseFloat(mapspecs[0]) >= -90) && (parseFloat(mapspecs[0]) <= 90) && (parseFloat(mapspecs[1]) >= -180) && (parseFloat(mapspecs[1]) <= 180) && (parseInt(mapspecs[2]) >

169= 0) && (parseInt(mapspecs[2]) <= 20))
170			{
171				$("elementary").checked = false;
172				$("middle").checked = false;
173				$("high").checked = false;
174				for (var x = 3; x < mapspecs.length; x++)
175				{
176					switch(parseInt(mapspecs[x]))
177					{
178						case 1:
179							$("elementary").checked = true;
180							break;
181						case 2:
182							$("middle").checked = true;
183							break;
184						case 3:
185							$("high").checked = true;
186							break;
187					}
188				}
189				var newCenter = new google.maps.LatLng(parseFloat(mapspecs[0]), parseFloat(mapspecs[1]));
190				var newZoom = parseInt(mapspecs[2]);
191				window.setTimeout("setCenterZoom(newCenter, newZoom);", 100);
192			}
193		}
194		//]]>
195		</script>

195
196
197	</body>
198</html>