In October, we launched the Google Maps Platform Photorealistic 3D Maps Challenge on Devpost. We were overwhelmed by the creativity and quality of the project submissions. Over 1,750 participants spanning 160+ countries participated in the hackathon to build unique, immersive experiences using Photorealistic 3D Maps in Maps JavaScript API. Projects were submitted in the following three categories:

1. Location discovery

2. Immersive marketing 

3. Built environment & sustainability

Finalists were scored based on four general attributes for their submissions including gamification, visualization features, user experience, and AI and/or geospatial integration. Thanks to all of the participants and judges that made this hackathon memorable. We’re pleased to share the eight projects that won the top prizes.

Grand Prize Winner: Daryaft

Daryaft is an interactive travel guide of Mount Fuji that allows users to explore the mountain's trails and surroundings, zoom into specific areas, and offer a realistic view of the terrain using a 3D map. The map moves dynamically as users scroll and highlights trails on hover as users navigate through the site. It also provides user reviews and ratings for trails and suggests the best spots to view Mount Fuji to help users make informed decisions about their journey. Using the Places API, this information is dynamically retrieved to provide relevant information for each trail, ensuring the data is up-to-date and accurate. Camera transitions and interactive features such as dynamic scrolling and hover effects enhance the overall experience. By using Photorealistic 3D Maps in Maps JavaScript API, the website not only showcases the natural beauty of the mountain but also provides interactive content about the trails and surrounding areas.

Best of Location Discovery: Terrain Highlighting Modifications

Terrain Highlighting Modifications explores adding shader modifications to Photorealistic 3D Maps in the Maps JavaScript API to highlight a small section of a terrain instead of the entire landscape. In this project, a ski run is highlighted  to help the user choose the most appropriate and safest ski run for their skill level based on the terrain, elevation and additional context. Inspired by vintage cartography, it also shows the surrounding landscape in an aesthetically appealing way with visual filters.

Best of Immersive Marketing: City of Mural Arts

Inspired by mixed reality innovation, City of Mural Arts brings Philadelphia's vibrant mural art to life in a realistic cityscape enhancing immersive experience. By using Photorealistic 3D Maps in the Maps JavaScript API, the city's iconic murals have been reimagined into dynamic digital experiences. Users can explore the city, discover hidden gems, and engage with significant art murals around the city through interactive elements and gamified challenges. The project blends technology and public art, offering a unique way to experience the city's cultural heritage. By customizing with stylized design elements, integrating 3D models into the 3D views, and adding external pop-ups, the experience provides a dynamic, user-friendly adventure that celebrates Philadelphia's artistic spirit.

Best of Built Environment & Sustainability: Storm Vision

Storm Vision is a disaster resilience tool that provides critical insights and advanced situational awareness to users before and after a hurricane by leveraging the power of Photorealistic 3D Maps in Maps JavaScript API.  By combining 3D visualizations with real-time data, Storm Vision offers a powerful disaster preparedness tool for individuals, emergency responders, and decisionmakers to better visualize and prepare for potentially devastating disasters. By exploring key information such as storm surge, wind fields, shelter locations and evacuation routes in a 3D environment, Storm Vision empowers users to make informed decisions and take proactive measures to protect themselves and their communities.

Honorable Mentions

Congratulations to the winners and thank you to all the participants! Check out all the amazing projects submitted in the gallery. Want to create your own immersive experience? Get started with Photorealistic 3D Maps in Maps JavaScript API and review our documentation for further information.