Help

The Menu

G: Ground Floor
1: First Floor
2: Second Floor
3: Third Floor

Locate: Be shown the location of a person's office or a room by its number

Control: Toggle the display of room types and sprites

About: Information about this map and its author

The UI

Room Icons:

Mouseover: Display room number and room name or office owner
Click: Displays detailed information about room or faculty/staff/student who resides there

Info Windows:

Title bar: Click and hold to drag window
Close icon: Dismiss info window

Back to top

About Isometric Callcott

The Map

This project was an effort to learn more about creating interactive online maps. I wanted to begin to get an understanding of how a similar but much larger and more complex project might be built. This map relies on nothing more than pure JavaScript and CSS. I have tried to make this map as dynamic as possible. Everything from the contents of the Locate Menu to the color of the room icons is dependent on information parsed from a JSON object upon load and then rendered accordingly. You can view that file here.

The maps themselves were created by hand, often a pixel at a time, in GIMP (GNU Image Manipulation Program). I chose to render Callcott in an isometric projection as it provides a 3D perspective but eliminates the need to rotate the map to see everything. Also, I just like the aesthetic.

The sprites, excluding the yeti, are students and faculty of the USC geography department. Every time the map loads one to three sprites are selected at random and then placed randomly within the map. They include:

• myself - a GIS undergrad
• Karen Ellett - a GIS grad student
• Dr. Sarah Battersby
• Ben Sigrist - a GIS grad student
• Dr. John Kupfer
• Dr. Cary Mock
• Dr. Michael E. Hodgson
• The SkiFree Yeti

This project was created in Ubuntu Linux using GIMP (GNU Image Manipulation Program) and a plain text editor.

The Author

I'm currently a undergrad geography student with a focus in geographic information science at the University of South Carolina.

My interests include:

• Geographic information systems
• Geospatial web-based application development
• Information visualization
• Open source technologies

Email me at:
ChrisCummings.net

Back to top