About Virtual Yatra
Inspiration
My inspiration for Virtual Yatra came from a common problem: university visitors and new students struggle with campus navigation. Official university tours often lack Street View for true visualization and proper point-to-point directions. Google Maps, while great for general navigation, lacks specific building information and campus context. I built Virtual Yatra to bridge this gap, offering the best of both: immersive Google Maps features with detailed, campus-specific data.
How I Built It
I leveraged several Google Maps Platform APIs:
- Google Maps JavaScript API for the interactive campus map.
- Google Places API for searching and highlighting buildings.
- Street View Service for immersive 360-degree panoramas of buildings, enhanced with custom markers and detailed information (purpose, departments, history).
- Google Directions API for optimal walking routes between any two selected buildings.
- A "favorites" feature for quick access to important locations.
Challenges Faced
- Precise Geocoding and Custom Data Overlay: Ensuring accurate mapping and detailed information for every building was a meticulous process.
- Optimizing API Calls and Performance: Managing multiple API integrations to keep the application fast and responsive was key.
- User Experience Design: Creating an intuitive and seamless navigation experience was crucial for effective campus exploration.
What I Learned
Building Virtual Yatra significantly deepened my understanding of:
- API Integration and Management: Effectively combining and managing various Google Maps Platform APIs.
- Front-end Development with Mapping Libraries: Hands-on experience manipulating map objects and user interactions.
- Spatial Data Representation: The importance of accurately visualizing spatial data for user comprehension.
Built With
- css
- googlemapapi
- googlemapdirectionapi
- googlemapstreetviewapi
- html
- javascript
- python
Log in or sign up for Devpost to join the conversation.