Marauder's Map UBC

Inspiration

Have you ever arrived to a building on time, only to be late because you couldn't locate the room within the building itself?

We wanted to incorporate Mappedin's SDK with Google's API in order to create an app that allows users to have a map of every road as well as every building in their pocket.

What it does

Marauder's Map UBC allows users to look into buildings from Google Maps' view. Right now, we have a few buildings as a minimal viable product on the UBC campus. Our view for this project allows users to look into buildings all over the world from Google Maps.

When looking into buildings, the user is able to view every aspect of the building, from bathrooms to emergency exit routes. We also have a way-finding feature that allows users to map their way through a building from point A to point B, this also comes with an accessibility feature that avoids stairs and escalators and opts for elevators and ramps.

How we built it

We built the Google Maps view from the google and mapbox. On the Google Maps view, there are markers that denotes building that are viewable using google-geocoding and the google-maps. Our custom map for Tsawwassen Mills was made using MappedIn Maker and the MappedIn SDK. Each of the example buildings that are included in the project was taken from MappedIn's gallery. Within each maps, the way-finding features are made using the MappedIn SDK.

Challenges we ran into

From our understanding, MappedIn SDK was meant the be used as a single embedded window, allowing businesses to show their building's map on their website. For our project, we attempted to incorporate multiple buildings onto Google-Maps which required us to reload components as well as some less-than-optimal fixes.

Wrestling with MappedIn SDK as this new version 5 was released specifically for this hackathon we encountered some bugs while working.

There were some design and structural decisions that we made that gave us problems down the line. This was due to a lack of foresight to the direction of our project at times.

Accomplishments that we're proud of

This was the biggest project we've ever done in a 24 hour period. We incorporated a brand new SDK, while encountering bugs that was not from our end. Communication in our team was great and we all really enjoyed our time at the hackathon.

What we learned

MappedIn SDK Google Maps API React

The integration of these massive elements gave us valuable lessons both technically as well as soft development skills (such as planning).

What's next for Marauder's Map UBC

Next to add for Marauder's Map UBC would be an automation process for adding new maps and markers and collecting publicly available informations to make these maps. Ideally we would have all major buildings and public areas mapped out in Vancouver (to start).