Inspiration
My inspiration for "UrbanView" stemmed from a common challenge prospective homebuyers face: truly understanding a neighborhood's livability beyond static maps and photos. I wanted to create a dynamic, interactive experience that could bring a location to life, helping users visualize their daily routines and access to essential amenities. This idea was particularly sparked by the needs of specific demographics, like a student searching for a place in a bustling city like New Taipei, Taiwan, who needs quick access to universities, public transport, and daily conveniences.
What it does
Relocating to a new city presents a significant challenge: how can one truly understand the lifestyle and convenience of a neighborhood before moving? UrbanView solves this problem by transforming the property search into a dynamic, immersive experience. Our platform is a 3D visualization tool built upon Google Maps' Photorealistic 3D Tiles. A user simply provides a potential property address and specifies their lifestyle priorities—such as needing proximity to a supermarket, public transport, or a coffee shop. UrbanView then leverages a powerful AI model (Gemini) to intelligently identify the most suitable Points of Interest (POIs) nearby. The core of our solution is the "day in the life" simulation. The platform generates an animated, guided tour, showcasing the actual routes from the property to these essential locations. This virtual experience allows users to visualize their daily routines, understand travel times, and get a genuine feel for the neighborhood, empowering them to make more confident and informed housing decisions.
How we built it
Building this project was a fascinating journey into the capabilities of modern web mapping. I delved deep into the Google 3D Photorealistic Maps API and the JavaScript Maps SDK, learning how to programmatically interact with 3D environments, overlay custom data, and create compelling visual narratives.
The core of the project involved several steps:
- Map Initialization: Setting up the 3D photorealistic map with the correct camera angles and controls.
- POI Identification: Implementing logic to search for relevant POIs around a potential property, categorizing them based on user needs (e.g., "education," "shopping," "transport").
- Route Simulation: Crafting the animation sequences to simulate a "day in the life" or a journey to each selected POI, demonstrating the proximity and accessibility. This involved calculating paths and smoothly moving the camera along them.
Challenges we ran into
Our primary technical challenge was implementing smooth, custom camera animations for route simulations. The Google Maps JavaScript API provides high-level animation functions like flyCameraTo(), but lacks granular controls for linear camera movement along a specified path.
To create a realistic navigation experience, we had to engineer a solution to programmatically interpolate camera positions and headings frame by frame. Overcoming this limitation to produce a seamless journey simulation, rather than a simple "fly-to" effect, required significant development effort and was a core technical achievement of this project
What we learned
A key learning curve involved efficiently querying and displaying Points of Interest (POIs) based on specific criteria (e.g., schools, supermarkets, ATMs) and then orchestrating smooth camera movements and animations to simulate a user's journey to these locations.
What's next for UrbanView: Intelligent Property Insights
We envision UrbanView as a powerful B2B tool for real estate agencies, offering them a unique way to showcase properties through personalized client experiences. Future development will focus on creating a customizable platform with advanced filters tailored to specific buyer personas (e.g., families, young professionals, retirees). By allowing agents to generate bespoke virtual tours based on individual client needs, UrbanView can dramatically enhance the property viewing process. Our goal is to make UrbanView an indispensable tool that simplifies the complex, research-intensive process of finding the perfect home.
Built With
- css3
- css3-cloud-services:-google-cloud-platform-(for-maps-api-access)-apis:-places-api
- directions-api
- google-cloud
- google-maps-javascript-api
- html5
- javascript
- photorealistic-3d-tiles
- places-api
Log in or sign up for Devpost to join the conversation.