layout | custom_css | custom_js | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
default |
|
|
Use this interactive map to explore college advising resources available in high schools and communities across the country.
Search using place name ("Charlottesville, VA") or zip code ("22901")
Use the location button to zoom to your current location.
Drag, click, and zoom to manually explore.
Click the toggle button in the upper left to hide / show college icons
</div>
<br/>
<div class='legend top'>
<h3>Legend</h3>
<p><img src='{{ site.images }}/school-512.png'>High school</p>
<p><img src='{{ site.images }}/school-adv-512.png'>High school with advising resource</p>
<p><img src='{{ site.images }}/college-2-512.png'>Two-year college</p>
<p><img src='{{ site.images }}/college-4-512.png'>Four-year college</p>
<p><img src='{{ site.images }}/community-512.png'>Community-based advising organization</p>
</div>
<br/>
<div class='legend bottom'>
<p><i>High school icon size increases as <b>counselor to student ratio</b> increases</i></p>
<table>
<tr>
<td><img src='{{ site.images }}/school-512.png' style="width:30%"></td>
<td><img src='{{ site.images }}/school-512.png' style="width:40%"></td>
<td><img src='{{ site.images }}/school-512.png' style="width:50%"></td>
<td><img src='{{ site.images }}/school-512.png' style="width:60%"></td>
<td><img src='{{ site.images }}/school-512.png' style="width:70%"></td>
<td><img src='{{ site.images }}/school-512.png' style="width:80%"></td>
<td><img src='{{ site.images }}/school-512.png' style="width:90%"></td>
</tr>
</table>
</div>
<!-- Hack to make sure scroll for full legend -->
<br/>
<br/>
<br/>
</div>
<div class='col-list'>
<div>
<fieldset>
<input id='feature-filter' type='text' placeholder='Filter results by name' />
</fieldset>
</div>
<div id='feature-listing' class='listing'></div>
</div>
<div class='col-footer'>
<div class='ftspace'></div>
<div class='ft'>
<a href='{{ site.github }}' title='Get map code'>Code</a> |
<a href='{{ site.mapdata }}' title='Get map data' download='mapdata.csv'>Data</a> |
<a href='{{ site.form }}' title='Suggest improvements'>Suggest improvements</a>
</div>
</div>
</div>
<div class='col-map'>
<nav id='toggle'></nav>
<div id='map'></div>
</div>