You can use the Photorealistic 3D Maps in Maps JavaScript API to render GLTF 3D models directly into 3D maps. These realistic 3D objects can represent buildings, landmarks, or other custom objects, and can enhance both the visual appeal and functionality of your maps.
The models should support the core properties of the glTF PBR. No extensions or extension properties are supported.
Add a model to a map
To add a model to a map, use the gmp-model-3d
element, as shown below. Models
are clamped to the ground by default when omitting the altitude-mode
attribute.
<gmp-model-3d position="lat,lng,altitude" altitude-mode="string" orientation="heading,tilt,roll" scale="x,y,z|number" src="string"></gmp-model-3d>
Next steps
- Learn how to add your own 3D models to maps in the 3D models sample.