3D Maps for JavaScript API now in Preview: start building your own immersive maps experience today
- 28East
- May 16, 2025
- 4 min read
Google Maps has released the Preview version of Photorealistic 3D Maps within the Maps JavaScript API, introducing a new chapter in immersive web mapping. With just a single line of code, developers can now create rich, interactive 3D map experiences that offer users a more engaging and realistic view of locations.
Since the last release, developers have continued to explore creative applications of 3D Maps—from immersive location exploration to dynamic digital storytelling. This latest update builds on feedback from the developer community, making it easier to develop custom 3D maps across web and mobile platforms. It also brings Google closer to the general availability of Photorealistic 3D Maps, reinforcing the company's commitment to advancing location-based tools for both developers and end users.
What’s new in Preview
Integrated basemap place information
3D Maps now includes basic place information, such as the name and address, when selecting a point of interest or label on the 3D basemap. This feature removes the need for separate Places API calls for this type of place information, providing a seamless and efficient way to offer context about a location. For applications that require more detailed or richer place data, the Places API can be easily integrated to access additional attributes and insights as needed.
New customisable content windows
Developers can now display custom content connected to a specific place or general location, using the PopoverElement, providing more options to craft rich, engaging narratives directly within the 3D map. Popover elements are fully customisable using HTML and CSS, allowing for display of detailed place information, stunning images, or animated elements for a truly immersive learning experience.
Custom image-based markers
Brands are unique, and so should be their 3D maps. Google has added more options to customise markers, ensuring brand consistency and helping differentiate key locations. Developers can now replace the default marker pin with custom images or SVGs. Similar to how the PinElement works, the custom image-based marker can be displayed by simply adding the image to the Marker3DElement.
Ice cream cone images highlight local ice cream spots in the UK.
More interactive visual elements
Gain more granular control over user interactions within the 3D environment with expanded click event support for various 3D map elements including polygons, polylines, and 3D models. This allows developers to implement custom event handlers, trigger camera changes and animations, and update data dynamically based on user engagement with specific map elements.
Improved marker accessibility
Google Maps Platform believes that everyone should be able to experience interactive 3D Maps. With this Preview release, markers and info windows are now fully keyboard and screen reader accessible, providing an inclusive experience for the annotations you display.
Seamless navigation of highlighted New York City locations using built-in keyboard and screen reader interactivity.
With new customisation options for your 3D Maps experience, you can adjust visuals and interactions to better meet your audience’s needs. These features enable you to weave in your own narratives and branding, while seamlessly integrating 3D Maps into your existing workflows— all within a platform built with developers in mind.
What we heard from our early adopters
Early adopters have seen success leveraging the power of 3D Maps in JavaScript to create compelling visual applications for their end users that improved how users engage with their products.
“Integrating Google’s 3D Maps has unlocked a new dimension of user engagement for our projects. The photorealistic detail and ease of implementation allow us to create truly immersive experiences that go beyond traditional 2D maps. This technology empowers our clients to build intuitive and visually stunning applications, setting a new standard for user interaction with geospatial data.”
Martin Kleppe
CTO, Ubilabs
For its 2024 Christmas mailing Ubilabs created an interactive experience demonstrating how 3D Maps can be used creatively to design interactive experiences.
“Run Concierge incorporates Google Maps Platform 3D Maps—providing runners a more immersive experience of real world locations, visualizing 3D buildings and terrain providing a more detailed understanding of the route before the race which, in turn, helps runners feel more prepared, confident, and connected. This not only enhances the runner experience but also supports the goals of our major outdoor brand partners, like ASICS, who are committed to empowering and engaging their communities in personalized and meaningful ways.”
Cade Netscher
CEO of Neurun Inc.
Run Concierge integrates Google Maps Platform’s 3D Maps and Google Cloud’s latest advancements to serve as a personal AI running guide.
In October 2024, Google launched the Google Maps Platform Photorealistic 3D Maps Challenge, drawing participation from over 1,750 developers across more than 160 countries. The competition invited developers to create immersive experiences using the Maps JavaScript API. The grand prize was awarded to Daryaft, an interactive travel guide for Mount Fuji that allows users to explore trails and the surrounding area through a dynamic 3D map. As users scroll, the map automatically zooms into key areas and highlights trails on hover, while also displaying user reviews, ratings, and curated recommendations for the best viewpoints, helping travellers plan their visit with confidence.
Interactive Mt Fuji guide lets users explore trails and surroundings using a 3D map.
What's next? Start building with 3D Maps today
Start building your own immersive maps experience with 3D Maps in Maps JavaScript API—now available in Preview—and explore the new API features to help bring those creations to life. 3D Maps JavaScript is available to all developers at no cost during the Preview stage, with pricing information now available to help plan and scale your implementation.
Now it's your turn to explore the immersive potential of 3D Maps in JavaScript. We can't wait to see what you build. Get in touch today to get started.
Comments