Tuesday, July 26, 2011

How to Make a Campus Map

Loughborough University's campus map is a great example of how to use the Google Maps API to help students and visitors find their way around a large campus.

The map uses the custom overlays function to overlay a custom map of the university on top of the Google Map. The custom map overlay includes features and locations that are not on Google Map's own map tiles, such as trees, tennis courts, football pitches etc.

The map also makes good use of polygons to make buildings on the map interactive. If you click on any of the buildings you can view the building's name, a photo of the building and links to its page on the university's website.

Finally, the map includes a very nice search facility that allows you to search for a building or feature by name or by category.

Loughborough University Campus Map

Hat-tip: Michael Lee


No comments: