Inspiration
We were inspired by Where's Waldo? and GeoGuessr.
What it does
It places the user in a random location in NYC in Google Maps StreetView upon loading the page. It also places an interactable Waldo marker in a certain radius around the starting position. Clicking the Waldo marker requires being right next to it and will present a Congratulations! popup and refresh the page. There are also buttons to refresh the page and reset to starting position.
How we built it
We implemented Google Cloud's Google Maps JavaScript API and Roads API. Overall we had a single file "waldo.html" containing our HTML, CSS, and JavaScript code.
Challenges we ran into
There were multiple issues with the Roads API not generating into an actual StreetView road and there was also difficulty reading through the Google Maps JavaScript API clearly.
Accomplishments that we're proud of
We accomplished being able to complete this project as we were really worried we would run out of time just setting up StreetView as this is our first hackathon and this is our first times using the Google Cloud products.
What we learned
We learned how to use the Google Maps JavaScript API and Roads API and how they could be put to use to create custom games in StreetView.
What's next for Waldo Street
What's next is: Bug Fixing, Adding a Login and Point adding system, Expanding the locations beyond just NYC.
Log in or sign up for Devpost to join the conversation.