Security notice: We have become aware of a security issue that may be affecting websites using specific third-party libraries (including polyfill.io). This issue can sometimes redirect visitors away from the intended website without website owner knowledge or permission. Many of our JavaScript samples previously included a polyfill.io script declaration. We have removed this from our samples. If you have used our JavaScript samples that contain this declaration, we recommend removing the declaration.
Announcement: New basemap styling is coming soon to Google Maps Platform. This update to map styling includes a new default color palette, modernized pins, and improvements to map experiences and usability. All map styles will be automatically updated in March 2025. For more information on availability and how to opt in earlier, see New map style for Google Maps Platform.
Stay organized with collections
Save and categorize content based on your preferences.
The Photorealistic 3D Maps in Maps JavaScript class lets you use Google's 3D imagery across
your applications. Google now offers a built-in 3D rendering experience,
allowing you to quickly and seamlessly incorporate or experiment with 3D
Maps.
Here's an example of what you can do with 3D Maps in the Maps JavaScript API:
Key features and capabilities
Integrated data + renderer solution: Photorealistic 3D Maps in Maps JavaScript offers a single
touchpoint for creating immersive mapping experiences. With built-in
rendering and an integrated, places-rich base map, you can simplify
development steps and quickly build impressive 3D maps visualizations.
Performance: Google's built-in rendering technology allows for fast
display and a smooth user experience.
Styling: Photorealistic 3D Maps in Maps JavaScript provides support for styling using polylines,
polygons, and extruded shapes, allowing you to effectively bring your user's
attention to key geographic elements of the real world.
Preset camera paths: Effortlessly guide users through your 3D map with
predefined camera animations, smoothly transitioning to points of interest
and showcasing key locations from various angles.
Custom markers: Enhance your map's visual appeal and functionality with
fully customizable markers, allowing you to create unique identifiers for
locations that seamlessly blend with your 3D environment or stand out for
emphasis.
3D models: Elevate your mapping experience by incorporating detailed 3D
models of buildings, landmarks, or custom objects, providing users with an
even more immersive and informative view of the mapped area.
Comprehensive data: Google is constantly working to bring more high
quality data into the maps platform, to continue to offer best-in-class 3D
imagery and a better understanding of the real world.
Coverage
Review the Photorealistic 3D Maps in Maps JavaScript's supported coverage.
Next steps
Check out the Getting
started guide to
build a "Hello, World!" 3D map.
Try the Codelab
to explore how to add features to the map.
Browse Google's collection of
Samples to find one
that works for your use-case.