No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
js
xml
README.md
representatives.asp
representatives_ohio.asp
representatives_ohio.html
representatives_pa.asp
representatives_pa.html
representatives_wv.asp
representatives_wv.html

README.md

Interactive USA Map

Synopsis

An interactive map of the United States to allowing students to find who their Admissions Counselor is and learn additional information about them. The states of Ohio, West Virginia and Pennsylvania are displayed as individual counties. Originally downloaded from Code Canyon and modified for projects needs.

Motivation

Create an interactive way for prospective students to find their Admissions Counselor based on location. A short description of the motivation behind the creation and maintenance of the project. This should explain why the project exists.

Installation

To add the map to your website, open the index.html for the version you have chosen, and start by importing the fonts.css and map.css withing the head tag of your site:

<link href="/jscripts/counselorMap/css/style.css" rel="stylesheet" type="text/css" />
<link href="/jscripts/counselorMap/css/map.css" rel="stylesheet" type="text/css" />

Then import all the js files within the head tag as well:

<script src="/jscripts/counselorMap/js/jquery.js" type="text/javascript"></script>
<script src="/jscripts/counselorMap/js/raphael.js" type="text/javascript"></script>
<script src="/jscripts/counselorMap/js/scale.raphael.js" type="text/javascript"></script>
<script src="/jscripts/counselorMap/js/paths.js" type="text/javascript"></script>
<script src="/jscripts/counselorMap/js/init.js" type="text/javascript"></script>

Make sure to also copy and paste all these files in your website directory keeping the same structure relative to the page you want to load the map into.

Finally copy/paste the mapWrapper div and its content where you want to include the map on your page:

    <div class="mapWrapper">
            <div id="map"></div>
            <div id="text"></div>
    </div>

License

Raphael: Licensed under the MIT (http://raphaeljs.com/license.html) license. JavaScript Events Library: Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.