TerpMaps

Chrome extension injecting hoverable Google Maps previews for buildings on UMD's Testudo portal, supporting routing for 100+ campus buildings.

Chrome ExtensionJavaScriptGoogle Maps Embed API
TerpMaps Chrome extension interface (thumbnail)
Hovering over building links to see map previews
Getting directions from your location to campus buildings
Search functionality with location autocomplete
Permissions and location settings

Overview

TerpMaps is a Chrome extension built to make campus navigation faster for UMD students. When registering for classes on the university's Testudo portal, hovering over any building code instantly pulls up an interactive Google Maps preview, letting students check walking distances between consecutive classes without opening separate map tabs.

Highlights

Dynamic Injection:

Injected hoverable Google Maps previews next to building codes directly inside UMD's Testudo portal.

Campus Routing:

Hooked into the Google Maps API to show directions and walking routes across 100+ campus buildings.

Clean Portal UI:

Designed a compact popover card in Figma so map previews feel native to the student schedule table.

Technical Approach

I inspected Testudo's DOM to find where building codes render, attaching lightweight hover listeners with event delegation so the extension stays fast without slowing down the page.